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

Nota editorial: Ganhamos uma comissão de links de parceiros no WPBeginner. As comissões não afetam as opiniões ou avaliações de nossos editores. Saiba mais sobre Processo editorial.

Você deseja instalar e configurar os 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.

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

Você pode assistir a este vídeo para entender o primeiro método. No entanto, se você gosta de instruções escritas, pode rolar a página para baixo.

Subscribe to WPBeginner

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.

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ê precisará 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.

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 reações 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 WP Reactions Lite. 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 WP Reactions ” Global Activation e clique no botão “Customize Now” (Personalizar agora). Isso o levará a uma nova tela na qual você poderá selecionar os emojis que deseja adicionar como reações.

Choose emojis

Em seguida, clique no botão “Next” (Próximo) para avançar. Aqui, você pode escolher seus posicionamentos de reação como “Posts” e “After Content”.

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

Select emoji placement

Você pode até mesmo adicionar um CTA, cor de fonte e estilo de borda com o plug-in. Quando terminar, não se esqueça de clicar no botão “Save and Exit” (Salvar e sair) para armazenar suas configurações.

Agora você adicionou com êxito as reações semelhantes às do Facebook. Para obter detalhes, consulte nosso tutorial sobre como adicionar reações semelhantes às do Facebook às suas postagens do WordPress.

Facebook like reactions 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 criar um feed personalizado do Facebook no WordPress e nossas principais opções dos melhores plug-ins de SEO para expandir 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

113 ComentáriosDeixe uma resposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

    • WPBeginner Support says

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

      Administrador

  2. David says

    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 says

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

      Administrador

  3. Samantha Collier says

    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.

  4. Daniel says

    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.

  5. Joseph Parker says

    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 says

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

      Administrador

    • WPBeginner Support says

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

      Administrador

    • WPBeginner Support says

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

      Administrador

  6. Prashanth says

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

  7. Rajendra Zore says

    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.

  8. Raj says

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

  9. Hosana says

    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, …

  10. sam says

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

  11. Jenn says

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

  12. Patrice says

    The facebook comments plug in is working on my site however I still see the wordpress comments. How do I remove the wordpress comments?

    • David chriss says

      Hi Patrice,

      You Can Disable Default WordPress Comment By Using This Plugin Disable Comments

      Details:- Requires: 4.0 or higher
      Compatible up to: 4.6.1
      Last Updated: 2 months ago
      Active Installs: 900,000+

      If you have another Question Feel Free To Reply To This Email
      Or You Can Read This WP Beginner Article https://www.wpbeginner.com/plugins/how-to-turn-off-or-disable-comments-in-wordpress-pages/

      I Hope I Help Some One Today :-)

      Best Regards,
      David Chriss

      • Charne Cronje says

        Hi David, Hope you are well, Has this plug in for facebook comments been updated for the new wordpress 4.7.2? And perhaps you might also know of a pinterest plugin that doesnt just show the pictures but also the description below, which works with the latest version of WordPress.

        Thank you

        Charne
        xx

  13. Sara says

    Hi. I want to know if it’s possible to make the comments on my fanpage’s articles appear directly on my website’s articles and vice versa. Thanks!

  14. Zaharadeen Elfakkawy says

    Anytime someone tried to comment they get ‘message failed’ error. Pls what’s the solution for thia

    • David chriss says

      Hi,

      Even me I Have That Common problem Please WP Beginner Help Us Or Any One can Help Us Please.

      Please Help Us

    • Amit Jain says

      Dear Team, What is the name of social share plugin you are using as i wish to install the same. It looks quite simple and sober. Regards, Amit Jain

  15. Mahdi says

    Hi Everyone, I was looking for a plugin who’s importing my facebook old comment from my facebook fanpage to my wordpress.

    I tried this one but it’s not working, can anyone tell me how it works ?

    I used another methode by commenting the embed comment and looks not really fine

  16. Justin Enjo says

    Hi WPBeginner – Quick question about Facebook Comments… How does it effect your SEO? Is it better to keep default WordPress comments or maybe Jetpack comments so that the comment content stays attached to your blog rather than fb? thanks.

  17. Aman says

    This plugin is installed on my site and I have also activated coments mirroring for my page but still comment mirroring is not happening?

    Do you know the way around to do this?

  18. Daniela says

    Hello very well explained!! But I have a problem! The comments should show also on my fan page write? …..
    ……I did everything and I get my comments on my wordpress but not SHOWING on my facebook page why?? Help !!!!!! Thanks a lot. Daniela

  19. Vikagutt says

    I can’t get the plugin to work in Internet explorer. I can see from other threads on the net that others have the same experience. Some say that header.php should be modified, but I can’t figure out where in the file.
    What to do?

  20. Tabetha says

    I set up this plugin with a test app. Right before I was due to launch the website, I had to switch over to the new app that was set up for the business the website was built for. When I changed the app ID to the new app, all of the comments kept going to the old app I set up for testing purposes. Even after I deleted the old app, deleted and reinstalled the plugin and verified that the correct app ID was being used in the api call.

    Now, I have no way to moderate the comments because that old app is deleted and all the new comments are going to that old app even though the app ID I have in the plugin settings is for the new app ID.

    Any ideas?

  21. Steve says

    ..that facebook plugin is not updated since 11 months. Moreover, the plugin is made by some developer, and not Facebook. It does not feel very safe to use that plugin. Do you have any alternatives?

  22. Rizwan says

    Hi.. When i hyperlink another post from my wordpress blog to new post. All hyper links get shown below with ping back option. I don’t want them to show. Any advice?

  23. mahendra says

    great post !!! i have been searching for how to install facebook comments to my site. now i am going to use it on my site
    thank you alot .

  24. Paolo Euvrard says

    ok, that’s all fine, I’ll switch to that from now on.

    In order to disable the WordPress comments:
    Settings >> Discussion >> uncheck “Allow people to post comments on new articles”

    This applies to new posts that you will publish from now on.

    To disallow comments from already publish posts:

    Posts >> select them all and “Edit” under bulk actions and hit apply >> choose “do not allow” next to comments and hit update posts.

  25. Autarka says

    hey guys,

    regarding to your plugin issues…

    you need ipv6 addresses… without switching from ipv4 to ipv6 it isn´t working…

    kindly, autarka

  26. nacontact says

    Hey, nice article, but I have some questions.

    This blog here:
    When you comment his facebook publication, it’s automatically commenting his blog, keeping the theme of the blog. When he comments his blog, it’s automatically commenting the facebook thread.
    Any idea on how to do that?

    Cheers,

    • Ramon says

      Hello,
      I would like exactly the same! Can’t find how to. Did you find the answer to this and would you want to enlighten me? What I’ve been Googling so far is things like:
      “auto publish to facebook grab retrieve comments”

      Thank you so much!
      Greetings

  27. Kenneth Adair says

    There is NO Create App ID button here:

    “Simply visit the Facebook Apps page and click on the create new app button. You will need to provide a name for your app and click on the Create App ID button.”

  28. Mark says

    I just set it up and It’s pulling in 1200+ comments, but I’ve only just created my FB page and I have not comments on it yet. The stuff is from all over the place. How do I get it to just show my FB page’s comments

    • Rob says

      I have exactly the same problem and will remove these coments now as it looks so fake. Anyone can see it is not genuine. What a disappointment! There are no instructions either about this, as far as I can see.

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.