A caixa de curtidas do Facebook, também conhecida como caixa de fãs do Facebook, tornou-se um elemento essencial para muitos sites. Recentemente, o Facebook substituiu este widget pelo novo plugin de Página do Facebook. Neste artigo, mostraremos como adicionar o plugin de Página do Facebook no WordPress.
Observação: Usuários que já implementaram a antiga caixa de curtidas ou caixa de fãs em seus sites WordPress serão automaticamente migrados para o novo plugin de Página.
O que é o Plugin de Página do Facebook?
O plugin de Página do Facebook é o substituto do que era anteriormente conhecido como a caixa de curtidas do Facebook. Ele permitia que você promovesse sua página do Facebook em seu site. O novo plugin de Página do Facebook faz exatamente a mesma coisa.
Ele tem um visual novo e aprimorado que agora exibe sua foto de capa do Facebook também. Ele vem com dois botões. Os usuários podem curtir sua página e também compartilhá-la. Você tem a opção de mostrar aos usuários quais de seus amigos já curtiram sua página. Você também pode exibir postagens recentes de sua página do Facebook.
Tutorial em Vídeo
Se você não gostar do vídeo ou precisar de mais instruções, continue lendo.
Como Adicionar o Novo Plugin de Página do Facebook no WordPress
Primeiro, você precisa visitar o site Plugin de Página do Facebook. Você encontrará as opções para configurar a aparência do seu embed da página do Facebook.
Simplesmente forneça o URL da sua página do Facebook. Em seguida, você precisará inserir a largura e a altura da caixa. Alternativamente, você pode deixar em branco, e o Facebook tentará ajustá-lo automaticamente.
Você pode mostrar sua foto de capa, postagens e rostos de amigos no plugin de página. Assim que estiver satisfeito com a aparência, clique no botão Obter Código para continuar.
O Facebook agora mostrará dois trechos de código. Copie o primeiro trecho de código e cole-o em seu tema ou no arquivo header.php do seu tema filho, logo após a tag <body>.
Em seguida, copie o segundo trecho de código e cole-o em qualquer lugar onde você queira exibir a caixa de página. Você também pode colar este trecho de código em um widget de texto indo em Aparência » Widgets.
Esperamos que este artigo tenha ajudado você a adicionar o plugin de Página do Facebook ao seu site WordPress. Você também pode querer conferir nosso artigo sobre 5 maneiras rápidas de obter mais curtidas no Facebook usando o WordPress.
Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e Facebook.
Paddy
Este não é compatível com o navegador Mozilla. Suporta apenas no Chrome.
Você poderia me ajudar a configurá-lo para todos os navegadores?
WPBeginner Support
O plugin de página ainda deve funcionar no FireFox, você pode tentar desativar seus complementos do navegador para garantir que não seja um conflito.
Admin
Roja
Existe alguma opção de nos ligar ou enviar mensagem em vez do botão de compartilhar?
Mario
Olá, quando tento usá-lo e adicioná-lo através de um widget de texto ou HTML, ele não funciona, pois remove todos os elementos de atributo de dados. Você pode me/nos ajudar?
Xavier Clapin-Pépin
Obrigado wpbeginner, é ótimo porque não preciso baixar um plugin do WP para adicionar o Plugin de Página do Facebook, o que é recomendado para minimizar o número de plugins para evitar conflitos e ter muitos problemas potenciais...
O Plugin da Página do Facebook em nosso site ficou ótimo, como você pode ver na barra lateral direita:
Continue com seu trabalho incrível!
Xavier
John
Ainda estou tendo problemas...
Por algum motivo, quando estou preenchendo em
A prévia da minha página não aparece...
Então, acho que são algum tipo de configuração de permissão que eu baguncei.
Então, quando eu recebo o código e o coloco na minha página, ele também não aparece. Por favor, ajude!
John
Xavier Clapin-Pépin
Eu tive o mesmo problema, certifique-se de que sua página do Facebook esteja publicada nas configurações.
Teresa
Ok, eu resolvi isso, mas não quero mostrar uma postagem – isso a torna muito grande. Seu exemplo mostra onde você pode desmarcar isso, mas na página essa opção não está lá. Como faço para me livrar disso e apenas mostrar o cabeçalho da minha página do FB? Obrigado.
Teresa
Então eu fiz exatamente como você disse – agora tenho uma caixa do FB com o vídeo ao vivo de Mark Zuckerberg, igual ao da página de onde copiei o código… por que eu receberia isso? Obviamente não é o que eu quero – então não é útil.
Diana Lesko
Ótimo vídeo? E a parte da edição? Onde você edita a largura?
Diana Lesko
I found my answer.
I cant delete my comment, sorry.
John
Ok, estou confuso. Segui as instruções aqui em um site WordPress de uma amiga para a agência de viagens dela, e funcionou perfeitamente. Por quatro dias. Depois parou de funcionar. Para testar, mudei a URL para a página do Facebook de outra amiga e funcionou. Mas assim que voltei para a página da agência de viagens, nada. Eu estava esperando que você pudesse ter uma ideia do que está acontecendo e/ou, ainda melhor, como posso fazer o aplicativo funcionar novamente.
Anne Marie
Olá,
Tenho tido muita dificuldade em completar este processo: a página de desenvolvedores do Facebook recusa o URL da minha página do Facebook, bem como o URL da minha página de perfil… Não sei o que fazer para que apareça no meu blog.
Além disso, se eu tentar, com as ferramentas do Beaver Builder, adicionar um “shortcode” de qualquer plugin para Facebook, nunca funciona! Nada aparece. Você pode me ajudar, por favor? Obrigado!!!
chris
você encontrou uma resposta para isso? é uma configuração do fb? Estou tendo o mesmo problema. tentando fazer isso para um grupo. não tenho certeza se preciso ser um administrador da página para o código funcionar corretamente ou o quê.
Anne-Marie
Hi Chris, yes! I wrote to the plugin company and they helped me understand the major difference between “everyone’s” Facebook page (aka, your personal page)–AND–the Facebook page you create with a different account..so until you do the steps via Facebook to create yourself a second, “professional” page (free, quite easy to do), no plugin will work. Once you do this, go back in the plugin section asking for your professional page Facebook URL (which is different), and it should show easily on your blog or site…hope it works for you too!
rohit
Olá. Eu consigo obter o link no meu site, mas não consigo obter a imagem da página ou qualquer visual. Como consertar isso? Por favor, ajude.
Monique
Como posso exibir uma foto, artigo (ou link) do WP para uma página do Facebook?
niloy
como posso mudar o idioma neste plugin do Facebook
AL
It works, thanks
Bogdan
Funciona apenas em widgets. Como posso fazê-lo funcionar em uma página?
Jackie Parry
Obrigado pelas informações – mas para leigos como eu, onde encontro a página para colocar a URL da minha página do FB, conforme sua primeira imagem. Abri o link para ir ao site do plugin do FB – mas não sei como obter a página certa para adicionar minha URL – por favor, me avise. Obrigado.
April
Post útil! Obrigado.
Tomas
Obrigado por este post, era exatamente o que eu estava procurando!
No entanto, ao usar o botão Compartilhar, todos recebem o seguinte erro:
App Não Configurado: Este app ainda está em modo de desenvolvimento e você não tem acesso a ele. Mude para um usuário de teste registrado ou peça permissões a um administrador do app.
Algum conselho? Obrigado!
Carole
Eu inseri o código, mas por algum motivo apenas o 1/4" superior da imagem aparece. Parece bom na Visualização na página do FB para criar o código, mas não no meu site. Alguma ideia de como consertar isso?
Paul Butterworth
Obrigado por isso, funciona, mas não consigo fazer o Adapt to plugin container width funcionar, é estreito, e se eu definir manualmente, o máximo de 500 de largura é bastante estreito. Existe alguma maneira de torná-lo mais largo?
Erik
Pergunta: Este Plugin de Página do Facebook é o mesmo que o Plugin de Página do Facebook criado por Cameron Jones que pode ser encontrado aqui:
Não tenho certeza se importa, mas estou tentando discernir qual usar. Se você tiver alguma sugestão ou informação útil, agradeceria!
Obrigado,
Erik
WPBeginner Support
Não, não é o mesmo.
Admin
Cameron Jones
Olá Erik,
Meu plugin e o tutorial aqui são os mesmos, mas também diferentes. Seguindo este tutorial, você precisa editar os templates do seu tema para adicionar o código para o plugin do Facebook, no entanto, se você usar meu plugin WP, ele escreverá todo o código para você e você poderá controlar as opções com um shortcode ou um widget.
Espero que isso ajude você
Cameron
Junaid
Usei este método para adicionar o feed do facebook aqui em. Mas ele exibe apenas 5 posts recentes, após 5 posts ele exibe um botão "Encontre-nos no Facebook". Existe alguma maneira de definir para exibir posts ilimitados ou pelo menos aumentar o número de posts a serem exibidos?
WPBeginner Support
Por favor, dê uma olhada na página Social Plugins no Facebook para mais parâmetros da API.
Admin
Junaid
Já verifiquei lá, não consegui encontrar um parâmetro para definir o número de posts a serem exibidos.
Long Nguyen
Descobri que, mesmo sem copiar o primeiro trecho para o header.php, o código no segundo trecho ainda ajuda a exibir o selo.
Mas tenho um problema: o selo não é exibido por completo. Ele mostra metade da esquerda, então perdi o botão de compartilhamento à direita, não importa o quanto eu ajuste a largura no código.
Você poderia me informar como posso transformá-lo em um distintivo completo? Obrigado. Meu site é diadiemdulich.com
samkelo magoqo
Obrigado pela postagem! Teria adorado ver o tutorial em vídeo também
WPBeginner Support
Tutorial em vídeo em breve.
Admin
Jared
Notei em alguns temas que você está executando que é preciso adicionar a inicialização do SDK Javascript do Facebook ao seu arquivo. Assim como o código que o Facebook fornece para o seu plugin.
Eu também experimentei minificando o javascript e ainda funciona. No entanto, o desempenho do novo plugin está deficiente. Notei que ele carrega por último em comparação com o que eu estava usando anteriormente.
Lindsey Garcia
Ok, ótimo, isso é demais! MAS como eu colo o código no arquivo .php do meu tema filho????? Não tenho ideia do que você está falando (blogueiro novato). Está dentro do meu painel do WordPress? É através do meu host e eu tenho que ir até lá? Encontrei um tutorial no YouTube para isso também, e eles fizeram a mesma coisa sem explicar como fazer isso...? Ajuda seria ótima! Obrigado!
Sajid Akhtar Rehman
Muito obrigado... esta é uma postagem incrível e funciona corretamente
NemiraB
Olá, obrigado pela informação. É um pouco complicado para mim, mas acho que vale a pena tentar. Essas conexões sociais são tão importantes, porque como você pode espalhar sua mensagem sem elas? Tudo de bom, cumprimentos. Nemira
Abhishek
Muito obrigado pela atualização, finalmente atualizei meu site com o plugin de página do Facebook. Não usei o 1º código acima, mas sim o 2º código e criei um widget quando preciso aparecer
oladayo awe
obrigado por esta postagem
Govertz
Alguém testou o impacto no desempenho com este novo plugin do FB?
Damien Carbery
Um plugin de função (com add_action para wp_head) seria um ótimo lugar para o código Javascript. Isso significaria que o arquivo header.php não precisaria ser modificado – útil para quando o proprietário do site alterou um tema pai ou não quer mexer no código do tema filho.