Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como instalar e configurar comentários do Facebook no WordPress

O Facebook é a maior rede social do mundo. É por isso que muitos blogs do WordPress usam comentários do Facebook em seus sites para aumentar a visibilidade nas plataformas de mídia social e atingir um público mais amplo.

Adicionar comentários do Facebook ao seu site WordPress é uma ótima maneira de tornar suas discussões mais interativas. Ao usar os comentários do Facebook, você pode até mesmo facilitar para os visitantes comentarem sem precisar gerenciar várias contas.

Na WPBeginner, usamos regularmente plataformas de mídia social para promover nossos artigos, serviços e produtos e temos visto resultados positivos. Mais pessoas visitam nosso site e exploram nossas ofertas. É por isso que recomendamos fortemente a integração de recursos de mídia social em seus sites para expandir seus negócios.

Neste artigo, mostraremos a você como instalar e configurar facilmente os comentários do Facebook no WordPress, passo a passo.

How to install and setup Facebook comments in WordPress

Prós e contras de usar comentários do Facebook no WordPress

Antes de começarmos o tutorial, vamos abordar os prós e os contras de usar os comentários do Facebook em comparação com os comentários padrão do WordPress.

Um dos benefícios mais óbvios de usar os comentários do Facebook é que eles podem aumentar a visibilidade do seu site no Facebook.

Quando alguém deixa um comentário em seu site WordPress, pode marcar a opção “Publicar também no Facebook” para compartilhar o comentário com seus amigos do Facebook. Isso tem um enorme potencial de tráfego adicional para seu site.

Facebook comments preview

Outra vantagem de usar os comentários do Facebook é que ele remove o anonimato. Portanto, é menos provável que os usuários deixem comentários de spam porque eles estão vinculados aos seus perfis do Facebook.

No entanto, isso também pode funcionar como uma grande desvantagem.

Alguns usuários podem não se sentir à vontade para deixar um comentário usando seus perfis do Facebook porque gostam de ser anônimos.

Outra desvantagem de usar os comentários do Facebook é que eles não são armazenados ou sincronizados com o WordPress. Por outro lado, sistemas de comentários de terceiros, como o Disqus, são sincronizados com o WordPress.

Além disso, se você tiver publicações mais antigas com comentários padrão do WordPress, esses comentários poderão aparecer antes ou depois dos comentários do Facebook.

É por isso que recomendamos a remoção completa do sistema de comentários do WordPress se você quiser usar o sistema de comentários do Facebook em seu blog do WordPress. Caso contrário, spammers e bots poderão usar os comentários do WordPress para enviar spam ao seu site.

Agora que você conhece os prós e os contras, vamos dar uma olhada em como instalar e configurar os comentários do Facebook no WordPress:

Método 1: Configurar comentários do Facebook no WordPress usando um plug-in (gratuito)

Primeiro, você precisa instalar e ativar o plug-in Lazy Social Comments. Para obter mais instruções, consulte nosso guia para iniciantes sobre como instalar um plug-in do WordPress.

Observação: lembre-se de que esse plug-in não foi testado com a versão mais recente do WordPress. No entanto, quando o usamos em nosso site de demonstração para avaliação, ele parecia estar funcionando bem. Para obter mais detalhes, consulte nosso guia sobre plug-ins desatualizados do WordPress.

Após a ativação, visite a página Settings ” Lazy FB Comments na barra lateral do administrador do WordPress.

Visit the plugin settings for Facebook comments

Para usar os comentários do Facebook em seu site, você deve criar um aplicativo do Facebook e adicionar o ID do aplicativo à página de configurações do plug-in.

Se você já tiver um aplicativo do Facebook, poderá usar o ID dele.

No entanto, se você ainda não criou um aplicativo, primeiro terá que visitar a página Meta for Developers e criar uma conta de desenvolvedor.

Observação: Antes de criar uma conta de desenvolvedor, não se esqueça de fazer login na sua conta do Facebook.

Depois de se registrar como desenvolvedor do Meta, basta clicar no link “My Apps” (Meus aplicativos) no canto superior direito da tela.

Click on the My Apps link

Isso o levará ao painel de controle dos desenvolvedores.

A partir daí, basta clicar no botão “Create App” (Criar aplicativo) para iniciar o processo.

Click on the Create App button

Isso o levará à página “App Creation” (Criação de aplicativo), onde você deverá escolher a opção “Business” (Negócios) como o tipo de aplicativo.

Em seguida, clique no botão “Next” (Avançar) na parte inferior para continuar.

Choose an app type

Depois disso, você deve fornecer um nome de aplicativo e um endereço de e-mail que possa ser usado para entrar em contato com você.

Certifique-se de usar um endereço de e-mail comercial que você verifique regularmente para que possa receber atualizações sobre o aplicativo do Facebook.

Depois de preencher os detalhes, clique no botão “Criar aplicativo”.

Provide an app name and email address

O Facebook agora criará um novo aplicativo para você e o redirecionará para o painel do aplicativo.

Aqui, você pode ver a ID do APP exibida no canto superior esquerdo da tela.

App dashboard

Agora, você precisa informar ao Facebook como usará o aplicativo. Para isso, vá até o link Configurações ” Básico na coluna da esquerda.

Em seguida, clique no botão “+ Adicionar plataforma” na parte inferior da página.

Click Add platform button

Isso abrirá uma nova janela pop-up.

Aqui, você deve escolher a opção “Website” como plataforma e, em seguida, clicar no botão “Next” para continuar.

Select Website as the platform

Isso adicionará uma nova seção “Website” à página de configurações do seu aplicativo.

Aqui, basta copiar e colar o URL do seu site WordPress. Depois disso, clique no botão “Save changes” (Salvar alterações).

Type website URL

Em seguida, você deve copiar o ID do APP da parte superior e colá-lo na caixa “FB Application ID” na página de configurações do plug-in no painel do WordPress.

Quando terminar, role a tela para baixo e clique no botão “Save All Changes” (Salvar todas as alterações) para armazenar suas configurações.

Type App ID

Agora, uma nova guia “Moderate Comments” (Moderar comentários) aparecerá ao lado do nome do plug-in na parte superior. Explicaremos como moderar os comentários do Facebook na próxima seção.

Esse plug-in também vem com um conjunto abrangente de opções. Você pode examinar as configurações para ver se há algo que gostaria de alterar.

Por exemplo, você pode alterar a opção Carregar comentários para “Na rolagem”. Essa configuração carregará o sistema de comentários do Facebook somente quando alguém chegar ao final do artigo. Isso pode ajudar a melhorar a velocidade de carregamento da página.

Choose the option of loading comments on scroll from the dropdown menu

Fora isso, as configurações padrão devem funcionar para a maioria dos sites.

Agora, você pode visitar qualquer publicação em seu site WordPress para ver o sistema de comentários do Facebook em ação.

Facebook comments preview

Como moderar comentários do Facebook em seu site

Como administrador do aplicativo do Facebook, você receberá notificações de novos comentários ao fazer login na sua conta do Facebook.

Você também encontrará um link para moderar comentários na página de configurações do plug-in no painel do WordPress.

Click on the Moderate Comments link

Depois de clicar no link, você será direcionado para a página “Ferramenta de moderação de comentários”.

A partir daí, clique no link “Configurações” para definir as regras de moderação de comentários para o Facebook.

Click on the Settings link

Isso abrirá uma janela pop-up na qual você deverá clicar na guia “Moderation Rules” (Regras de moderação).

Você pode decidir o limite máximo de caracteres que será permitido em um comentário. Você também pode definir o número de dias após os quais os comentários serão fechados automaticamente em suas postagens.

Use the moderation tool

O Facebook também permite que você adicione novos moderadores de comentários.

Basta clicar na guia “Moderadores” e adicionar uma pessoa digitando seu nome na caixa de texto e clicando em seu perfil.

Add comment moderators

Quando terminar, clique no botão “Save” (Salvar) para aplicar suas configurações.

Se você também quiser assistir a um vídeo com as instruções que abordamos até agora, confira nosso tutorial no YouTube:

Subscribe to WPBeginner

Como exibir a contagem de comentários do Facebook no WordPress

Uma das desvantagens de usar o plug-in Lazy Social Comments é que ele substitui a função de contagem de comentários do WordPress. Ao fazer isso, ele gera uma versão da contagem de comentários com a marca do Facebook.

Se o seu tema exibir uma contagem de comentários, isso não terá uma boa aparência.

Se você ainda quiser exibir a contagem de comentários do Facebook, poderá fazer isso com a ajuda de um snippet de código.

No entanto, lembre-se de que cometer o menor erro ao editar os arquivos do tema pode danificar seu site.

Recomendamos o uso do WPCode para adicionar código ao seu site. Ele é o melhor plug-in de snippet de código do mercado que permite adicionar códigos personalizados com segurança.

Primeiro, você precisa instalar e ativar o plug-in WPCode . Para obter mais detalhes, consulte nosso guia para iniciantes sobre como instalar um plug-in do WordPress.

Observação: você pode usar o plug-in gratuito WPCode para este tutorial. No entanto, para desbloquear mais recursos, como uma biblioteca em nuvem de trechos de código, lógica condicional e muito mais, você precisará do plano premium do plug-in.

Depois que o plug-in for ativado, acesse a página Code Snippets ” + Add Snippet na barra lateral do administrador.

A partir daí, clique no botão “Use Snippet” na opção “Add Your Custom Code (New Snippet)”.

Add new snippet

Quando estiver na página “Criar snippet personalizado”, comece digitando um nome para o snippet de código.

Em seguida, escolha “HTML Snippet” como o “Code Type” (Tipo de código) no menu suspenso no lado direito da tela.

Choose HTML as the code type for the Facebook Comments count code snippet

Depois disso, copie e cole o código a seguir na caixa “Code Preview” (Visualização de código):

<fb:comments-count href="<?php echo get_permalink($post->ID); ?>"></fb:comments-count> Comments

Em seguida, role a tela para baixo até a seção “Inserção”.

A partir daqui, escolha “Auto Insert” (Inserção automática) como método de inserção para que o código seja executado automaticamente em seu site.

Choose an insertion method

Depois disso, você deve escolher um local para seu trecho de código.

Basta selecionar “Insert After Content” (Inserir após o conteúdo) como o local no menu suspenso.

Choose a code snippet location

Agora, volte para a parte superior da página e alterne o botão “Inativo” para “Ativo”.

Por fim, clique no botão “Save Snippet” para armazenar suas configurações.

Save and activate the Facebook Comment Count snippet

Sua contagem de comentários no Facebook agora será exibida em cada publicação.

Facebook comment count preview

Método 2: Configurar comentários do Facebook usando o SeedProd (fácil)

Se estiver procurando uma maneira mais fácil de configurar os comentários do Facebook, este método é para você.

Usaremos o plugin SeedProd , que é o melhor plugin de criação de páginas do WordPress no mercado. Ele permite que você crie temas e páginas de destino do zero sem usar nenhum código.

Primeiro, você precisa instalar e ativar o plug-in SeedProd . Para obter mais instruções, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

Observação: o SeedProd também oferece uma versão gratuita que você pode experimentar. No entanto, usaremos a versão premium do plug-in para este tutorial.

Após a ativação, visite a página SeedProd ” Configurações na barra lateral do administrador para inserir a chave de licença.

Você pode encontrar essas informações em sua conta no site da SeedProd.

Paste license key in the field

Em seguida, vá até a seção SeedProd ” Landing Pages na barra lateral de administração do WordPress e clique no botão “Add New Landing Page” (Adicionar nova página de destino).

Para este tutorial, adicionaremos comentários do Facebook a uma página de destino. Se desejar, você também pode personalizar um tema totalmente novo para seu site usando o SeedProd.

Click the Add New Landing Page button

Agora você será levado à tela “Choose a New Template” (Escolha um novo modelo). Aqui, você pode escolher um dos muitos modelos pré-fabricados oferecidos pelo SeedProd ou criar seu próprio modelo.

Depois de fazer isso, você será solicitado a inserir um nome de página e escolher um URL. Ao fazer isso, clique no botão “Save and Start Editing the Page” (Salvar e começar a editar a página) para continuar.

Landing page title and URL

Isso iniciará o construtor de páginas de arrastar e soltar SeedProd, onde você poderá começar a editar a página. Para obter mais detalhes, consulte nosso guia sobre como criar uma página de destino no WordPress.

A partir daí, você precisa procurar o bloco “Facebook Comments” na barra de pesquisa.

Depois de localizá-lo, você pode arrastar e soltar o bloco “Facebook Comments” em qualquer lugar da página que desejar.

Choose the Facebook comments block

Em seguida, clique duas vezes no bloco “Facebook Comments” na tela para abrir suas configurações na coluna da esquerda.

A partir daí, você pode decidir o número de comentários do Facebook a serem exibidos, escolher uma ordem, esquema de cores, URL de destino, formato de URL e muito mais.

Você também pode carregar os comentários de forma preguiçosa alternando a opção “Lazy Loading” (carregamento preguiçoso) para “Yes” (sim).

Configure the Facebook Comments block Settings

Em seguida, clique no link “Page Settings” (Configurações da página) no canto superior esquerdo da tela.

Em seguida, role para baixo até a opção “Facebook App ID” e insira seu Facebook App ID.

Enter the Facebook App ID in SeedProd

Quando terminar, basta clicar no botão “Save” (Salvar) na parte superior.

Os comentários do Facebook agora serão exibidos em seu site do WordPress.

Facebook Comments preview with SeedProd

Bônus: Adicionar reações de curtidas do Facebook a publicações do WordPress

Além de adicionar comentários do Facebook, talvez você também queira adicionar opções de reação semelhantes às do Facebook às publicações do seu blog do WordPress. Essas reações são um conjunto de emojis que os visitantes podem usar para expressar suas opiniões sobre uma publicação de blog.

Isso torna seu blog mais interessante e pode aumentar o engajamento.

Facebook Lets Users React to Posts With the Like Button

Para adicionar essas reações, você precisa instalar e ativar o plug-in ShareThis Reaction Buttons
do ShareThis. Para obter detalhes, consulte nosso guia para iniciantes sobre como instalar um plug-in do WordPress.

Após a ativação, visite a página “ShareThis” no painel do WordPress e clique no botão “Enable Tool” (Ativar ferramenta). Depois disso, selecione os emojis que você deseja adicionar como reações.

Click the Enable tool button

Em seguida, role para baixo para escolher o alinhamento de seus emojis. Em seguida, você pode alternar diferentes opções para escolher o posicionamento de suas reações como “Parte inferior do corpo da postagem”, “Parte inferior do corpo da página” e muito mais.

Quando terminar, basta clicar no botão “Update” (Atualizar) para armazenar suas configurações.

Choose reaction buttons placement

Agora, os usuários podem adicionar reações semelhantes às do Facebook e publicar comentários no Facebook sobre seus artigos quando terminarem de lê-los.

Para obter mais detalhes, consulte nosso tutorial sobre como adicionar reações semelhantes às do Facebook às suas postagens do WordPress.

Reaction buttons preview

Esperamos que este artigo tenha ajudado você a instalar e configurar os comentários do Facebook em seu site WordPress. Talvez você também queira conferir nosso guia sobre como mostrar comentários recentes na barra lateral do WordPress e nossas principais opções dos melhores plug-ins de comentários para aumentar seu site.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

112 ComentáriosDeixe uma resposta

  1. NATHAN

    And can the WP Comment section be customized to look like that of Facebook if one needs to redesign it?

    • WPBeginner Support

      It would require some work but you could certainly style your comment section to look similar to Facebook’s

      Administrador

  2. David

    Hi,

    I set it up according to this article. Comments work, but I can’t see the comments in moderation. Every column including “public” is empty. How can I delete published comments for example?

    Thank you

    David

    • WPBeginner Support

      You would want to go into the plugin’s settings for the link to your comment moderation.

      Administrador

  3. Samantha Collier

    Thank you for these instructions. I’ve tried to install Facebook comments for a long time and this is the first time it’s worked.

    • WPBeginner Support

      Glad our guide was able to help :)

      Administrador

  4. Lisa Marie

    Thanks so much for this! Your site is incredibly helpful! I appreciate what you all do sooooooooo much!!!!!

    • WPBeginner Support

      You’re welcome, glad our articles have been helpful :)

      Administrador

    • WPBeginner Support

      You’re welcome :)

      Administrador

  5. Daniel

    Thanks. The plugin is very useful indeed.
    It seems that the Plugin has changed its name to “Lazy Social Comments”, and is being supported by other people.

    • WPBeginner Support

      Thank you for letting us know, we’ll be sure to look at updating this :)

      Administrador

  6. malika

    thanks for sharing useful information !

    • WPBeginner Support

      You’re welcome :)

      Administrador

  7. Joseph Parker

    As per my personal experience, Facebook Comment is one of the best ways to increase your visitors to comment on a post or interact with existing comments.

    • WPBeginner Support

      Thanks for sharing your personal experience :)

      Administrador

  8. Ricky

    Post comment error handle on same page ?

    • WPBeginner Support

      If the plugin is having an error, if you reach out to the plugin’s support they should be able to assist :)

      Administrador

  9. priyank

    really helpful. I tried the mentioned plugin and it totally worth it

    • WPBeginner Support

      Glad our guide was helpful :)

      Administrador

  10. Muhammad Arslan

    That plugin has been closed on author’s request. Please update the post.

    • WPBeginner Support

      Thank you for letting us know, we will certainly take a look into updating the article.

      Administrador

  11. Mohammad

    The Facebook plugin mentioned has been disabled by its author. Please update.

    • WPBeginner Support

      Thank you for letting us know, we will certainly take a look into alternatives for Facebook Comments

      Administrador

  12. Jakobe

    this plugin has been discontinued, what do you reccomend?

  13. Prashanth

    Was able to add the facebook comments plugin successfully. But, the default wordpress comments section is also showing below. How do I remove it?

  14. Prashanth

    Which plugin do you use for social sharing, that is below the posts (has the share counter too)

  15. Rajendra Zore

    You may want to update this article as the plugin author of Facebook Comments has stopped supporting it & prompting to switch to the Spot.IM Comments plugin instead.

  16. Raj

    Dear Wpbeginner. Nice article. Installed FB comments. everything working fine. Is there any waty to enable “Also post on Facebook” selecxt box?

  17. Hosana

    You need to review this article! The plugin you’re referring to is no longer being updated and is days away from breaking (when the older FB API will be deactivated). The developer started up spot.im which I guess he’ll have his hands full with.

    Also I don’t really see any other good plugins for this, they all have a small install base, unsolved issues to which they aren’t responding, no proven compatability with latest wp version, …

    • WPBeginner Support

      Hi Hosana,

      Thanks for the suggestion we will look into it. You can also try to reach out to plugin developers for support.

      Administrador

  18. zhul

    but how to change text color?
    i used dark themes and i can’t see any comment

  19. Elizabeth

    Is there a way to turn off the comments on certain posts?

  20. sam

    how to mirror the facebook comment on facebook page with facebook comment on wordpress blogpost and vice versa?

  21. Jenn

    Thanks, this article was very helpful! I followed your instructions, and everything appears to be working on my site.

  22. Chankey Pathak

    This plugin does not work anymore.

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.