clique aqui e assine

Como inserir comentários do Facebook no WordPress

No post de hoje eu vou te ensinar a inserir comentários do Facebook no WordPress de forma simples e direta. Então, vamos lá!

Image by William Iven from Pixabay

Recomendo que você assista o vídeo abaixo enquanto executa o tutorial:

Antes da gente começar a inserir comentários do Facebook no WordPress, é importante você saber que eu utilizei para este exemplo o tema WPEX Blogger. Você pode baixar o tema gratuitamente clicando aqui.

Passo 1

Crie um app ID do Facebook acessando o site https://developers.facebook.com/apps

Passo 2

Acesse o Gerenciador de Arquivos dentro do cPanel na hospedagem e abra o arquivo header.php do seu tema, procure pela tag e, logo depois dela, cole o código:

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1&appId=SEU FACEBOOK ID AQUI";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

Passo 3

Ainda no header, procure pela tag <head>, e logo depois dela cole o seguinte código:

<meta property="fb:app_id" content="SEU FACEBOOK ID AQUI"/>

Passo 4

Abra o arquivo comments.php, e logo no início dele cole esse código:

<div class="fb-comments" data-href="<?php the_permalink() ?>" data-num-posts="5" data-width="450" data-colorscheme="light" data-mobile="false"></div>

Configuração opcional apenas para o tema WPEX Blogger, pra deixar mais bonito:

<div id="comments" class="comments-area boxed clr">
<p id="comments" class="heading">Comentários</p>
<div class="fb-comments" data-href="<?php the_permalink() ?>" data-num-posts="5" data-width="450" data-colorscheme="light" data-mobile="false"></div>
</div>

Passo 5

Adicione um moderador de comentários acessando as configurações aqui: https://developers.facebook.com/tools/comments/

Se você quiser baixar o guia no formato PDF, é só clicar no botão abaixo:

Espero que você tenha conseguido inserir comentários do Facebook no WordPress. Se tiver dúvidas, deixe seu comentário logo abaixo.

Abraços!

Sobre o Autor

Leonardo Amoyr
Leonardo Amoyr

Empreendedor Digital especializado na criação de negócios digitais de alta rentabilidade. Saiba como ganhar dinheiro com Marketing Digital, trabalhando em casa!