Ferramenta necessária em qualquer blog ou site que queira maior visibilidade, o Facebook é mais do que uma rede social, mas uma forma garantida de mais seguidores e maior alcance para suas publicações e produtos. Talvez você já tenha percebido, ou não, que o widget Caixa de Curtir ou Facebook Like Box recentemente foi atualizado, sendo substituído por um novo plugin. Assim, se você está perdido em como é o funcionamento e instalação do novo plugin de páginas do Facebook, esse post vai te explicar “tim-tim” por “tim-tim” tudo o que você precisa saber.
Novo Plugin de Páginas do Facebook no WordPress
Para quem já utilizava a Facebook Like Box ou Fan Box
Você pode estar se questionando: “Eu já utilizava a Caixa de Curtir e de Fans antes dessa atualização acontecer. E agora, como eu fico? Devo fazer alguma alteração ou nova instalação?”. Se você se enquadra neste cenário que acabo de descrever, não precisa se preocupar. Pois, para todos aqueles usuários que já utilizavam tais widgets em seus sites WordPress, a equipe do Facebook construiu um processo automático para substituição para o novo plugin de Páginas da rede social. Então, fique tranquilo. Você, que é usuário antigo de tais ferramentas, não precisará fazer nada – o processo é totalmente automático.
Você Precisa de uma Página no Facebook
Antes de começar o nosso tutorial para adicionar o plugin do Facebook em seu site, você obrigatoriamente precisa possuir uma página na rede social. Não é um perfil e comumente é chamada de “Fan Page”.
Você precisa acessar essa página e depois seguir o passo a passo que é mostrado:
- Escolher uma categoria de página (Negócio, Marca, Produto, Artista, Causa, Entretenimento, etc);
- Escolha uma categoria mais específica, dentro daquela que escolheu anteriormente;
- Preencha as informações pedidas – Descrição, Site, URL da Página no Facebook, Foto, etc.
No final de todo o processo você terá sua Página no Facebook e a URL da mesma em mãos.
Como Adicionar no WordPress o Novo Plugin de Páginas do Facebook
Página do Plugin do Facebook
O primeiro passo necessário para começar a utilizar o novo plugin de páginas é acessar a página do plugin.
É nessa página que nós iremos encontrar todas as opções necessárias para configurar o funcionamento e aparência da ferramenta para seu site. Isso independe de ser um blog ou loja virtual em plataforma WordPress ou não. Qualquer pessoa que queira adicionar o novo plugin de páginas do Facebook precisa acessar a referente página.
Passos Necessários
Depois que você clicar no link acima para a página do plugin do Facebook os passos necessários para configurar e começar a utilizá-lo são poucos e muito simples.
Comece informando a URL da página do seu negócio ou empreendimento no Facebook. Logo, se você ainda não havia criado uma página na rede social para a sua empresa, produto ou marca – volte um pouco neste mesmo post e veja como criá-la ou clique aqui para acessar a página de criação agora!
Após inserir a URL da página do Facebook, você precisa informar as dimensões de altura e largura. Sendo que, nos checkboxes exibidos você pode escolher a opção “
O último passo de configuração consiste em escolher o que será exibido ou não pelo seu plugin. Você deve marcar ou desmarcar os checkboxes mediante aquele comportamento que você deseja. São eles:
- Guias – Você pode usar ‘linha do tempo’, ‘mensagens’ e ‘eventos’ para exibi-los em sua caixa do Facebook.
- Largura e Altura – Defina a largura e altura da caixa para que seja inserida no tamanho correto em seu website.
- Adaptar à Largura do Contêiner – Adaptar o plugin automaticamente para a largura do elemento que o contém;
Instalação do Plugin em Seu Site WordPress
Agora que você já tem o novo plugin de páginas do Facebook totalmente configurado e com a aparência que você queria, precisamos adicioná-lo ao seu site.
Ainda na página do plugin do Facebook, logo abaixo da área de pré-visualização, você vai encontrar o botão Obter Código. Clique nele para que o código do plugin seja gerado.
SDK do JavaScript
Ao clicar no botão e o código para instalação do plugin for gerado, uma janela pop-up será exibida. Ali você encontrará 2 tipos de código. O primeiro, JavaScript, você deve copiar e colar no arquivo header.php do tema que você usa – logo após a abertura da tag <body>.
Você pode acessar esse arquivo via FTP por seu programa para edição de código preferido ou via Editor do WordPress (Aparência > Editor). Dependendo do seu tema, talvez exista uma opção para inserir esse tipo de código, sem precisar editar os templates do seu tema.
O segundo bloco de código, em HTML, deve ser adicionado em qualquer lugar onde você queira que o plugin do Facebook seja exibido – página, post ou widget. No caso de querer utilizá-lo em formato de widget, acesse Aparência > Widgets, arraste um box de widget do tipo Texto e dentro dele cole o bloco de código. Depois, salve e confira seu funcionamento no Front-End.
Iframe
Você também pode utilizar a opção IFrame que não precisa adicionar o código do SDK em seus arquivos. Porem, a resposta de conexão com o facebook será maior e irá aumentar o tempo de carregamento do seu site. Mas é uma ótima alternativa para quem não quer mexer com o código do seu site.
Veja qual versão lhe parece melhor e siga os passos.
Conclusão
Ter uma página no Facebook e utilizar o novo plugin de páginas do Facebook em nossos sites ou blogs é primordial para o sucesso e conhecimento de uma marca ou empreendimento digital. É simples de começar a utilizar e não há desculpas ou qualquer razão para ignorar essa atitude – quase que obrigatória para seu negócio decolar.
Se você gostou desse artigo considere compartilhar nas redes sociais. Siga-nos nas redes sociais para acompanhar mais artigos como esse. Se de alguma forma este artigo lhe foi útil deixe seu comentário abaixo para podermos saber a sua opinião.
Ferramentas WordPress Veja Mais Ferramentas
Q2W3 Fixed Widget
PixelYourSite PRO
Crayon
Muito bom! Esse artigo até o presente momento continua sendo muito útil, necessitei da informação e aqui encontrei.
Tenho alguns posts em que os comentários estão sendo exibidos no blog antes de serem aprovados. Não sei se tem relação com o fato das URLs terem sido alteradas. Sabe me dizer o que pode ser?
será que só comigo que esse plugin não funciona, tentei com chomme e opera e nada, na pagina https://developers.facebook.com/docs/plugins/page-plugin de config a caixa para exemplo não aparece, e ao adicionar o codigo no site também não
Olá Closed,
Fica difícil te ajudar se você não deixar o link da sua página no Facebook e do seu site.
Eu nunca vi esse problema de não visualizar o like box dentro da página do próprio Facebook.
Me manda os links acima para eu dar uma olhada.
Abraço.
Arrasou muito, obrigada! <3
boa tarde! Sou nova no wordpress e preciso finalizar a integração de login via facebook, criei o app mas quando clico para testar da erro. diz problema com a url de redirecionamento mas nao acho nada a respeito queria usar o login da midias para as clientes pagarem por la. se puderem me ajudar ou passar um tuto mais detalhado pois nao acho nada especifico. fico muito grata.
Boa tarde!!! Estou tentando colocar o botão de curtir do Facebook (Like box Facebook) e sempre que entro na página https://developers.facebook.com/docs/plugins/like-button#configurator não aparece nada quando coloco minha URL para curtir. E, quando copio as fontes para o WordPress só aparece Facebook escrito e nada mais, nada da caixa, nada do botão,…
Alguém mencionou em alterar a idade de alcance, que no meu caso é de 18 anos até 65 anos, para mais baixo e mesmo testando fazer isso nada acontece.
Você teria como ajudar, por favor?
Obrigada
Olá Giselle,
Tenha certeza de criar uma URL personalizada para sua página no Facebook e confira se o endereço URL está correto.
Abraço.
Url é o link da página criada no facebook, certo? Isso foi feito. Antes da atualização do WP, aparecia a caixa de curtir do Facebook, agora fica somente a palavra Facebook e um vazio abaixo. Tentei fazer os passos indicados na página, e queria tirar uma dúvida fala sobre colar o primeiro código no Aparência>Editor mas onde colocar esse primeiro código???? Teria outra forma? Pois como disse quando entro na página do developers para colocar a url não aparece nada, enquanto em outros dá um modelo de como ficará a minha caixa, que tem antes de obter código fica em… Continue Lendo »
Acabei de tentar fazer com a página da minha irmã e aparece o modelo da caixa de curtir dentro dessa caixa branca antes do botão Obter Código.
Quando eu coloco minha página não aparece.
Realmente preciso de ajuda.
Agradeço a atenção
Abraços
Giselle
Olá Giselle,
Desculpe o atraso na resposta.
Pode me enviar o link da sua página no facebook caso ainda não tenha resolvido esse problema.
Abraço.
Uma dúvida:
Com este plugin o que publicarmos no site é automaticamente publicado no Facebook ou é exatamente o contrário?
Olá Julio,
Esse plugin apenas adiciona aquela caixa com o botão de curtir e as fotos dos amigos que curtiram a página, normalmente ficam na barra lateral dos sites.
Para fazer isso que você está procurando o plugin correto é esse aqui https://br.wordpress.org/plugins/facebook-auto-publish/, tem outras opções também além desse.
Abraço.
Fica dica, ta com vulnerabilidade nele, ta me dando um bom trabalho…
Obrigada! Funcionou!
Parabéns!! Excelentes dicas!!
Olá Willer,
Obrigado por deixar seu comentário.
Fico feliz que tenha dado tudo certo.
Abraço.
Obrigado, me ajudou.
Olá Pessoal, vi muitos comentários de pessoas dizendo que não estava dando certo, devido uma falta de informação no post, quando a pop-up do código abre, ela mostra o SDK do JavaScript, você precisa selecionar a 2° aba com o código a ser copiado que é o IFRAME ai sim aparece o plugin corretamente. Isso para a opção mais simples de apenas copiar o código e colar como widget ou em qualquer outro lugar da página. Apenas para complementar o post que foi muito útil, parabéns
Olá Leonardo,
Obrigado por apontar essa falta de informação.
Já adicionei ao artigo e atualizei algumas informações também.
Agradeço por tirar seu tempo e deixar o comentário!
Abraço.
Olá, Boa Tarde!
Poderia verificar todos os pluguins socias que estou colocando em minhas paginas, No Browse Chrome e Opera está funcionando normal, mas no Internet Explorer 11 e Firefox não carrega.
Sabem se tem algum Bug no Facebook?
Olá Leandro,
Preciso do link para o seu site para verificar. Não tem nenhum bug com o Facebook, provavelmente deve ser algum conflito de plugins tentando utilizar a API do Facebook.
Abraço.
Olá, Boa Tarde!
Segue o link:
http://cortinasprojetron.com.br/facebook.php
Reparece que no google chrome ele reconhece legal, no firefox e internet explorer 11 so reconhece os textos.
Leandro,
Você quer dizer os ícones sociais do footer?
Eu consegui visualizar eles em todos os browsers (chrome, firefox, IE, Edge).
Agora essa página que você mostrou o link não aparece ícone em nenhum browser.
Abraço.
Estou falando do Plugin Social Post Embedd…. Note que no Chrome nesta pagina somente … ele aparece um post exemplo do facebook….”1,000,000,000 People, Together” certo, mas no firefox e IE não consigo visualizar? Ai você conseguiu?
Leandro,
Entendi. Testei a página e em todos os browsers eu consigo visualizar o cartão do Facebook sem problemas, inclusive com IE 11.
Tente limpar o cache do seu navegador para esse site especifico e tente acessar novamente para ver se resolve do seu lado.
Abraço.
Olá, ótimo post.
Como faço para resolver um erro que dá quando clica no botão de compartilhar do plugin? Sempre aparece o seguinte erro:
Aplicativo não configurado: Este aplicativo 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ão a um administrador do aplicativo.
Você tem que configurar o aplicativo do Facebook que você selecionou quando criou o código da página. Você pode visitar seu app nessa página https://developers.facebook.com/. Se não souber como configurar pesquisa como configurar api key no facebook.
Abraço.
Olá, primeiramente gostaria de agradecer todo o site! Infelizmente comigo não funcionou e eu queria muito uma ajuda! Segui todos os passos mas a caixa do facebook não aparece, apenas uma mancha. Se puder, de uma olhada no site e veja o que está acontecendo, por favor! O site é embarcandoadois.com
Olá Alvaro, obrigado por deixar seu comentário.
Sem problema, é claro que posso lhe ajudar. Se você estiver usando algum plugin de cache eu sugiro que você limpe antes de realizar o teste.
Você tem certeza que adicionou o primeiro código após a abertura da tag do seu site?
Fico no aguardo,
Abraço.
Que rapidez!!! Muito obrigado mesmo pela ajuda, já fiz de tudo quanto é maneira e não consigo. Eu não entendo muito das seções de Tag. Mas eu instalei o programa de afiliado booking da mesma maneira e funciona perfeitamente.. Tentei trocar de lugar, mas simplesmente não aparece!! Agradeço desde já, abraços
Alvaro, entre em contato comigo através da página de contato para que eu verifique isso para você.
Abraço.
amigo, como eu faço para adcionar este primeiro codigo após abertura da tag? eu procurei em tudo que é lugar e nao achei! por favor me ajude
Olá Juarez,
Obrigado por deixar seu comentário.
Você pode acessar o arquivo header.php que fica nos arquivos do seu tema. Se você não tiver experiência com códigos e arquivos você pode usar este plugin https://br.wordpress.org/plugins/header-footer/ para adicionar o Primeiro código no header.
Coloque o código na seção do plugin que diz “code to be added on HEAD section of every page” e pronto. Agora é só colocar o Segundo código em uma widget de texto, diretamente em posts e páginas que vai funcionar perfeitamente.
Abraço.
obrigado amigo! Agora foi!
Obrigada!!! Resolveu rapidamente o meu problema!
Fico muito feliz de saber Keila.
Obrigado por nos informar sua experiência.
Abraço!
Ola, Apesar de já fazer algum tempo, talvez essa informação possa lhe esclarecer e a outros com esse problema.
O antivírus, no meu caso kaspersky, não permite que essa janela do face apareça, ele enxerga como um banner e bloqueia a visualização.
Não sei a solução, e peço ao Gabriel Galvão, ou outro usuário que conheça que poste para nos como driblar esse incomodo (sem mexer no antivírus).
Obrigado por compartilhar, ficou muito boem. Como faço para ficar em português o plugin?
Olá Ricardo,
O seu não ficou em português? Se a sua página estiver marcada como português ele vai identificar o idioma automaticamente.
Abraço.
Olá Gabriel, minha meu plugin também não ficou em português, poderia ajudar? A página que se refere é a do Facebook que é preciso fazer essa configuração? Obrigado!
Olá Luiz,
Se você tiver escolhido a versão do SDK ao invés do iframe, você pode escolher o idioma ao lado. Dá uma olhada na imagem:
http://imgur.com/tEkKBAM
Abraço.
Olá. Obrigado pela postagem.
A única dúvida que tenho sobre o funcionamento do plugin é sobre como deve aparecer na opção de postagem. Aqui mesmo na sidebar do site, depois que aperto curtir, não aparece que eu já curti a página, continua me pedindo para curtir. E quando entro no facebook de vocês, fica como se eu não tivesse mesmo curtido a página. O mesmo ocorre com você?
Olá Malboro, desculpe o atraso na resposta. Você solucionou ou ainda continua com o problema? Me procura pela página de contato e me enviar um email que te ajudo com isso.
Abraço.
Olá Tudo Bem.
Primeiramente Muito Parabéns pelo seu artigo, mais gostaria de tirar uma duvida.
eu fiz exatamente o que se diz no artigo e funcionou, mais não aparece os rostinho das pessoas que ja curtiram minha pagina e nas opções lá de configuração do script do face eu marquei a opção de aparecer mais mesmo assim não funciona, ja aumentei o tamanho da caixa e nada dá jeito.
Você sabe como resolver isso ?
Normalmente isso é devido a altura (height). Se ainda não resolveu esse problema manda um link do site para eu dar uma verificada. Abraço!
Olá Sendy, tudo bem? Parabéns pelo Post, bom para funcionar o plugin do Facebook no meu site wordpress adicionei o código entre as tags , após a tag não funcionou, comentário feito só para informação ;)
Olá Ederson,
Obrigado por informar. Mas só para deixar claro, o local correto para inclusão do 1° código é após a tag mesmo. Não sei o que aconteceu no seu site, mas que bom que no final deu tudo certo. Agradeço por tirar o tempo para nos informar.
Abraço!
Ajudou bastante! Obrigado! :)
Olá Keferson,
Nós que agradecemos o seu tempo e elogios.
Abraço!
Olá. Obrigado pela postagem.
A única dúvida que tenho sobre o funcionamento do plugin é sobre como deve aparecer na opção de postagem. Aqui mesmo na sidebar do site, depois que aperto curtir, não aparece que eu já curti a página, continua me pedindo para curtir. E quando entro no facebook de vocês, fica como se eu não tivesse mesmo curtido a página. O mesmo ocorre com você?
Olá Malboro,
Não acontece. Para mim aparece “Curtiu” no plugin.
Tente deslogar da conta do Facebook e logar novamente. E limpe o cache do seu navegador para o seu site.
Abraço!
Olá Malboro, desculpe o atraso na resposta. Você solucionou ou ainda continua com o problema? Me procura pela página de contato e me enviar um email que te ajudo com isso.
Abraço.
Olá Tudo Bem.
Primeiramente Muito Parabéns pelo seu artigo, mais gostaria de tirar uma duvida.
eu fiz exatamente o que se diz no artigo e funcionou, mais não aparece os rostinho das pessoas que ja curtiram minha pagina e nas opções lá de configuração do script do face eu marquei a opção de aparecer mais mesmo assim não funciona, ja aumentei o tamanho da caixa e nada dá jeito.
Você sabe como resolver isso ?
Normalmente isso é devido a altura (height). Se ainda não resolveu esse problema manda um link do site para eu dar uma verificada. Abraço!
Olá Sendy, tudo bem? Parabéns pelo Post, bom para funcionar o plugin do Facebook no meu site wordpress adicionei o código entre as tags , após a tag não funcionou, comentário feito só para informação ;)
Olá Ederson,
Obrigado por informar. Mas só para deixar claro, o local correto para inclusão do 1° código é após a tag mesmo. Não sei o que aconteceu no seu site, mas que bom que no final deu tudo certo. Agradeço por tirar o tempo para nos informar.
Abraço!
Ajudou bastante! Obrigado! :)
Olá Keferson,
Nós que agradecemos o seu tempo e elogios.
Abraço!