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 adicionar um botão de seguir no Facebook para autores no WordPress

Deseja adicionar um botão de seguir no Facebook para os autores de seu site no WordPress?

Adicionar um botão de seguir no Facebook permitirá que os autores aumentem a visibilidade de seus perfis ou páginas no Facebook e alcancem um público mais amplo. Os usuários simplesmente precisarão clicar no botão para começar a seguir o autor no Facebook.

Neste artigo, mostraremos a você como adicionar o botão de seguir do Facebook para autores no WordPress.

Add the Facebook follow button for authors in WordPress

Por que adicionar um botão de seguir no Facebook para autores no WordPress?

O Facebook é uma das plataformas de mídia social mais populares, com mais de 2 bilhões de usuários ativos mensais.

A criação de um botão de seguir no Facebook permite que os leitores se conectem com seus autores no Facebook para receber atualizações sobre novos artigos, fornecer feedback ou saber mais sobre eles.

Se você for o único autor do seu blog do WordPress, poderá permitir que os usuários sigam seu perfil ou página pessoal no Facebook.

Como alternativa, se você estiver administrando um blog WordPress com vários autores, poderá permitir que os usuários sigam seus autores favoritos no Facebook.

Isso ajuda a aumentar o envolvimento do usuário e oferece aos autores uma maneira de obter novos seguidores no Facebook.

Dito isso, vamos ver como você pode adicionar facilmente um botão para seguir o Facebook no WordPress.

Método 1: Adicionar um botão de seguir no Facebook usando o WordPress

Usando o bloco de ícones sociais incorporado no editor de blocos, você pode adicionar facilmente um botão de seguir do Facebook a qualquer post, página ou área de widget.

O bloco adiciona ícones de mídia social ao seu site com links para seus perfis de mídia social.

Adicionar um botão de seguir do Facebook a uma postagem

Primeiro, você precisará editar uma postagem existente no editor de blocos.

Se quiser adicionar o botão de seguir do Facebook a uma nova postagem, você precisará acessar a tela Posts ” Add New (Postagens ” Adicionar nova ) na barra lateral do administrador.

Em seguida, clique no botão Add Block ‘(+)’ na parte superior e localize o bloco Social Icons (Ícones sociais).

Em seguida, adicione o bloco ao editor de conteúdo clicando nele.

Add the Social Icons block to a post

Depois disso, você precisa clicar no botão ‘(+)’ dentro do bloco Social Icons para abrir o menu do bloco.

A partir daí, basta selecionar o bloco de ícones do Facebook.

Add the Facebook icon in the block editor

Depois que o ícone do Facebook tiver sido adicionado à página, você deverá copiar e colar o URL da sua página ou perfil do Facebook na caixa “Inserir endereço”.

Add Facebook page link in the Enter Address field

Em seguida, talvez você queira adicionar algum texto junto com o link do perfil do Facebook. Você pode escrever algo como “Siga o nome do autor no Facebook!”.

Observação: lembre-se de que o bloco Ícones sociais não permite que você adicione texto ao lado do ícone do Facebook. Entretanto, você pode usar o bloco Grupo ou Coluna para adicionar um bloco Título ou Parágrafo ao lado do link do perfil do Facebook.

Quando terminar, não se esqueça de clicar no botão “Atualizar” ou “Publicar” para salvar suas alterações.

Esta é a aparência do botão de seguir do Facebook em nosso site.

Facebook follow button in a post

Adicionar um botão de seguir do Facebook como um widget

Se quiser que o botão de seguir do Facebook apareça em todo o site, em vez de em publicações ou páginas individuais, você poderá adicioná-lo como um widget.

Para adicionar o botão de seguir do Facebook como um widget, você precisará visitar a página Appearance ” Widgets na barra lateral do administrador.

Clique no botão Add Block ‘(+)’ na parte superior da página para localizar o bloco Social Icons. Em seguida, clique nele para adicioná-lo à área do widget de sua escolha, como a barra lateral.

Add the Social Icons block to the Widgets section

Em seguida, clique no botão ‘(+)’ dentro dos blocos de ícones sociais.

Isso abrirá o menu de blocos, onde você precisará escolher o ícone do Facebook.

Add Facebook button to sidebar

Depois que o ícone do Facebook for adicionado, basta copiar e colar o URL do seu perfil ou página do Facebook na caixa “Inserir endereço”.

Observação: Se quiser adicionar algum texto ao lado do ícone do Facebook, você precisará usar um bloco Group ou Column para estilizar vários blocos juntos.

Por fim, clique no botão “Update” (Atualizar) para armazenar suas configurações.

Add Facebook URL into the Enter Address option

Esta é a aparência do nosso botão de seguir no Facebook como um widget na barra lateral do site.

Widget Preview for the Facebook follow button

Adicionar um botão para seguir o Facebook no Full Site Editor

Esse método é indicado se você estiver usando um tema de bloco e tiver acesso ao editor de site completo.

Primeiro, você precisará acessar a página Appearance ” Editor na barra lateral do administrador.

Depois que o editor de site completo for iniciado, basta clicar no botão Add Block ‘(+)’ no canto superior esquerdo da tela.

A partir daí, você precisa localizar e clicar no bloco Social Icons (Ícones sociais) para adicioná-lo a qualquer lugar que desejar em seu site do WordPress.

Add the Social Icons block in the Full site editor

Em seguida, você deve clicar no botão (+) dentro do bloco “Social Icons” (Ícones sociais).

A partir daí, escolha o bloco do Facebook no menu.

Add Facebook button in FSE

Depois disso, você deve colar o endereço do seu perfil ou página do Facebook na caixa “Enter Address” (Inserir endereço).

Observação: Você precisará usar um bloco Group ou Columns se quiser adicionar texto ao lado do ícone do Facebook.

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

Add Facebook page URL in the FSE

Nosso site de demonstração tinha a seguinte aparência.

Full site editor preview of the Facebook follow button

Método 2: Adicionar um botão de seguir do Facebook usando o Smash Balloon (recomendado)

Esse método é recomendado se você estiver procurando mais opções de personalização e quiser que o botão Seguir do Facebook seja mais visível.

Para esse método, usaremos o plug-in Facebook Feed Pro da Smash Balloons para adicionar um botão de seguir do Facebook no WordPress.

É o melhor plug-in do Facebook para WordPress do mercado, que lhe permitirá adicionar facilmente um atraente botão de seguir do Facebook ao seu blog do WordPress.

Primeiro, você precisará instalar e ativar o plug-in Facebook Feed Pro. Para obter mais instruções, consulte nosso guia para iniciantes sobre como instalar um plug-in do WordPress.

Observação: há também uma versão gratuita do plug-in chamada Facebook Feed Lite. Ela permite que você adicione o botão de seguir do Facebook, mas recomendamos que você faça a atualização para desbloquear todo o potencial do plug-in.

Depois de ativar o plug-in, basta acessar a página Facebook Feed ” All Feeds na barra lateral do administrador.

A partir daí, você precisa clicar no botão “Add New” (Adicionar novo) na parte superior.

Click the Add New button on the All Feeds page

Isso abrirá a página “Select Feed Type” (Selecionar tipo de feed).

Agora, escolha a opção “Timeline” (Linha do tempo) e clique no botão “Next” (Avançar) para continuar.

Select Timeline as feed type

Agora você será direcionado para a página “Select a Source” (Selecionar uma fonte).

As fontes são a página ou o perfil do Facebook a partir do qual o plug-in buscará o conteúdo.

Aqui, você precisa escolher a opção “Add New” (Adicionar novo).

Click Add new button to add a new source

Agora você será direcionado para a página “Conectar-se ao Facebook” da Smash Balloon.

Aqui, você precisa primeiro selecionar “Page” (Página) como o “Source Type” (Tipo de fonte).

Em seguida, basta clicar no botão “Connect to Facebook” para continuar.

Click Connect to Facebook button

Agora você será direcionado para o site do Facebook.

Aqui, você precisa fornecer suas credenciais de login e clicar no botão “Log in”.

Log in to your Facebook account

Em seguida, uma janela pop-up será aberta com uma lista das páginas do Facebook que você criou.

Basta escolher sua página preferida do Facebook e clicar no botão “Next” (Avançar) para continuar.

Choose a Facebook page and click on the Next button

Em seguida, uma lista de configurações de acesso será exibida na janela pop-up. Aqui, você precisa alternar a chave para “Sim” ou “Não”, de acordo com suas necessidades.

Por exemplo, se quiser permitir que os usuários leiam o conteúdo do usuário na página, será necessário alternar a chave para “Yes” (Sim).

Quando terminar, clique no botão “Done” (Concluído).

Configure the access settings and click on the Done button

A janela pop-up exibirá uma mensagem informando que você vinculou com êxito o Smash Balloon WordPress ao Facebook.

Clique no botão “OK” para ser redirecionado ao painel do WordPress.

Click the OK button after connecting Smash Balloon with Facebook

Depois disso, você verá uma janela pop-up “Select a Facebook Page” (Selecionar uma página do Facebook).

Basta escolher a página do Facebook à qual você acabou de se conectar e clicar no botão “Add” (Adicionar).

Select the Facebook page from the popup and click on the Add button

Agora você será levado de volta à página “All Feeds” (Todos os feeds), onde deverá clicar no botão “Add New” (Adicionar novo).

Depois disso, selecione “Timeline” como o tipo de feed novamente. Isso o levará de volta à página “Select a Source” (Selecionar uma fonte).

Aqui, a página do Facebook que você conectou será exibida. Basta clicar para selecioná-la e, em seguida, clicar no botão “Next” (Avançar) para continuar.

Choose the Facebook page as the new source

Agora você verá o Feed Editor com uma visualização ao vivo do seu feed na coluna da direita e opções de personalização de layout na coluna da esquerda.

Clique na guia “Feed Layout” para expandi-la e, em seguida, defina o número de publicações como 0 para dispositivos móveis e desktop. Isso ocorre porque queremos exibir apenas um botão de seguir do Facebook em vez de um feed que mostre as publicações da página do Facebook.

Set no of posts for mobile and desktop to zero

Depois disso, você precisa acessar o painel “Header” (Cabeçalho) e alternar a chave na parte superior para “Disable” (Desativar). Isso desativará o cabeçalho do Feed e criará um layout compacto.

Em seguida, basta acessar o painel “Load More Button” (Botão Carregar mais) e alternar a chave para “Disable” (Desativar) também. Como não estamos exibindo nenhuma postagem, não há necessidade de exibir um botão de carregar mais.

Disable the header

Em seguida, você precisa acessar o painel “Like Box” na coluna da esquerda. Vá em frente e alterne o botão para “Enable” (Ativar). Isso ativará o botão Follow (Seguir).

Em seguida, você pode personalizar o botão do Facebook nas configurações abaixo. Você pode alterar seu tamanho, posição e largura.

Você também pode mostrar ou ocultar a foto de capa alternando o botão “Cover Photo”.

Toggle the switch to enable the Like Box

Quando terminar, não se esqueça de clicar no botão “Save” (Salvar) na parte superior.

Adicionar um botão de seguir do Facebook a uma postagem

Para adicionar um botão de seguir do Facebook a uma publicação, você precisa abrir uma publicação existente ou nova no editor de blocos.

Em seguida, clique no botão Add Block ‘(+)’ no canto superior esquerdo e procure o bloco Custom Facebook Feed.

Clique no bloco para adicioná-lo à sua página, e ele inserirá automaticamente o botão de seguir do Facebook em sua publicação.

Add the Custom Facebook feed block

Por fim, armazene suas configurações clicando no botão “Update” (Atualizar) ou “Publish” (Publicar).

Agora você pode visitar seu site para ver o botão Seguir do Facebook em ação.

Facebook follow button in post

Adicionar um botão de seguir do Facebook como um widget

Para adicionar um botão de seguir do Facebook como um widget, você precisará visitar a página Appearance ” Widgets na barra lateral do administrador.

Em seguida, clique no botão Add Block ‘(+)’ e localize o bloco Custom Facebook Feed.

Depois de localizá-lo, adicione o bloco à barra lateral do WordPress clicando nele.

Add the Custom Facebook Feed block to the sidebar

Em seguida, clique no botão “Update” (Atualizar) para armazenar suas configurações.

O botão de seguir no Facebook tinha a seguinte aparência na barra lateral do nosso site de demonstração.

Facebook follow button preview in sidebar

Adicionar um botão para seguir o Facebook no Full Site Editor

Se você estiver usando um tema de bloco, poderá usar o editor de site completo para exibir a caixa de acompanhamento do Facebook.

Primeiro, vá para a página Appearance ” Editor na barra lateral do administrador. Aqui, você pode selecionar o modelo que deseja editar.

Depois disso, clique no botão Add Block ‘(+)’ e localize o bloco Custom Facebook Feed.

O botão de seguir do Facebook será exibido automaticamente depois que você tiver adicionado o bloco ao local desejado em seu site.

Add the Custom Facebook feed block in the full site editor

Não se esqueça de clicar no botão “Save” (Salvar) na parte superior para armazenar suas configurações.

Esta é a aparência do botão de seguir do Facebook em nosso site de demonstração.

Facebook follow button preview in FSE

Esperamos que este artigo tenha ajudado você a aprender como adicionar um botão de seguir no Facebook para autores em seu site WordPress. Talvez você também queira ver nosso tutorial sobre como usar a mídia social para aumentar o número de assinantes de e-mail no WordPress ou nossas principais opções dos melhores plug-ins de mídia social 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

15 ComentáriosDeixe uma resposta

  1. Kerry

    OK… So none of the pages noted here exist anymore………………………

    • WPBeginner Support

      Thank you for your feedback, we will certainly look into updating this article when we are able.

      Administrador

  2. tony

    seems like a pretty easy set up process

  3. Arnold Paseiro

    I know this is an old post and I was able to do it for Twitter but Facebook now doesn’t have an iframe choice or any choice for that matter, so I am stuck. It’s 2015. I still need help.

  4. Ruby Dawnbrooke

    Hello! I have a question, it no longer works but how do I do it?

  5. Chris

    Is there an easy way to get this follow button onto an individual author’s archive page?
    I imagine you can use the same code from the Facebook, but I’m not certain how to inject each author’s Facebook profile URL unto the follow button code.
    Thanks for any advice.

  6. Hal

    Appreciate the effort, but this doesn’t work as of October 1, 2013 – the date I tried it.

    • Editorial Staff

      Which part is not working? It seems to be working fine. The demo is live on the FB site itself.

      Administrador

      • Sangeeta

        Its not working on my wordpress as well. The Iframe code does not save in the Text widget.
        Any guidance would be welcome, thanks.

        Sangeeta
        Oct 26 2013

        • WPBeginner Support

          Sangeeta if your site is hosted on WordPress.com then iframe code will not work for you. Please see the difference between WordPress.com vs Self Hosted WordPress.org . If your site is not hosted on WordPress.com then you will get an error most probably because you did not select the width for your follow button. Enter a value in the width and the iframe code should work fine.

  7. Rowan

    Thanks for this post. I’m having trouble getting a follow button for my FB page to show up in my wordpress posts. I want to have a simple follow button in my posts rather than a sidebar widget. Your post mentions that I can just paste the code into my theme template but I’m not sure where to do that.

    Is there a way of doing this so that I don’t need to manually paste the code into every blog post? I’ve tried using a few plugins but they all seem to only create a sidebar widget or a “like” button in-post which only likes the post, not my FB page.

    Any ideas?

  8. Albert Albs

    Thanks for the tips. But it is extra load on our website. No wasting of time.

  9. Travis Pflanz

    Is there a direct URL to follow a user? I would be more beneficial to simply swap out a URL, than re-code a section of my website to add a follow button.

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.