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 botões de compartilhamento social no WordPress (guia para iniciantes)

No mundo de hoje, a mídia social é a principal fonte de descoberta de conteúdo para muitos usuários. Nossa equipe entende o imenso potencial do compartilhamento social para os criadores de conteúdo e escreveu centenas de artigos sobre marketing de mídia social.

A integração de botões de compartilhamento social em seu site WordPress permite que os visitantes compartilhem facilmente seu conteúdo com suas redes de mídia social. Isso pode aumentar seu alcance, gerar novo tráfego e promover o envolvimento do usuário.

Além do simples compartilhamento, a exibição da contagem de compartilhamentos sociais pode aumentar ainda mais a confiança do usuário e incentivar os cliques, mostrando a popularidade existente do seu conteúdo.

Neste artigo, mostraremos como adicionar facilmente botões de compartilhamento social e exibir contagens de compartilhamento em seu site WordPress.

Add Social Share Buttons in WordPress (Beginner's Guide)

Por que adicionar botões de compartilhamento social no WordPress?

A rede social é uma das atividades on-line mais populares atualmente. É por isso que o marketing de mídia social é agora uma parte crucial da estratégia de crescimento de qualquer pequena empresa.

Se você deseja alcançar mais clientes em potencial, as plataformas de mídia social são canais altamente eficazes para se comunicar com novas pessoas.

O problema é que, quando você compartilha seu conteúdo em seus perfis de mídia social, ele atinge apenas um número limitado de seguidores.

No entanto, ao adicionar botões de compartilhamento social, você pode incentivar os visitantes a compartilhar seu conteúdo em suas redes sociais. Isso permite que seu conteúdo seja visto pelos amigos e seguidores deles, que podem adicionar comentários, curtir e compartilhar novamente.

Dessa forma, os botões de compartilhamento social podem ajudar a direcionar mais tráfego para o seu site, melhorar sua credibilidade social, gerar mais leads e aumentar o engajamento.

Dito isso, vamos ver como adicionar facilmente botões de compartilhamento social no WordPress. Você pode usar os links rápidos abaixo para ir para diferentes partes do nosso tutorial:

Como adicionar botões de compartilhamento social em posts e páginas do WordPress

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

Após a ativação, visite a página Social Snap ” Configurações na barra lateral do administrador do WordPress. Em seguida, expanda a guia “Social Sharing” (Compartilhamento social) na coluna da esquerda.

Expand the social sharing tab

Isso abrirá novas configurações na barra lateral, onde você deverá selecionar a guia “Manage Networks” (Gerenciar redes).

Em seguida, clique no botão “+ Add Networks” para adicionar uma rede de mídia social de sua escolha a partir do prompt. Você pode adicionar plataformas como Facebook, Twitter, LinkedIn e e-mail.

Você também pode configurar a visibilidade do botão para diferentes dispositivos passando o mouse sobre o ícone do olho e alternando o botão móvel para “Ligado”. Isso mostrará os botões de compartilhamento social aos usuários que estiverem visitando seu site em dispositivos móveis.

Click the Add Network button to choose social media platforms for social sharing buttons

Depois disso, saia da guia “Manage Networks” (Gerenciar redes).

Isso o levará à página de configurações gerais, onde você poderá selecionar se deseja adicionar uma barra flutuante ou botões embutidos para os ícones de compartilhamento social.

Adicionar botões em linha de compartilhamento social

Os botões de compartilhamento social em linha serão exibidos na parte superior ou inferior de seus posts e páginas.

Para adicioná-los ao seu site, basta clicar na guia “Inline Buttons” para expandi-la.

Choose the inline buttons tab

Isso abrirá novas configurações na coluna da esquerda com uma visualização dos botões de compartilhamento social no lado direito da tela.

A partir daqui, você pode configurar a posição dos botões. Você pode escolher a opção “Below Content” (Abaixo do conteúdo) para exibir os botões na parte inferior do conteúdo e a opção “Above Content” (Acima do conteúdo) para exibir os botões na parte superior da página.

Você também pode personalizar o alinhamento do botão e o rótulo, a forma e o tamanho do compartilhamento a partir daqui.

Customize your social sharing buttons

Em seguida, role para baixo até a seção “Button Labels” (Rótulos de botão), onde você pode decidir se deseja exibir o nome da plataforma de mídia social, a contagem de compartilhamentos ou ambos.

Depois disso, role para baixo até a seção “Display On” (Exibir em). Aqui, você pode marcar a caixa “Posts” se quiser exibir os botões de compartilhamento social somente em seus posts. Você também pode marcar o botão “Pages” para exibir os botões de compartilhamento social nas páginas Sobre nós, Fale conosco ou Arquivos.

Além disso, você pode marcar a opção “Home” se quiser exibir os botões de compartilhamento social apenas na sua página inicial.

Choose where you want to display your social sharing buttons

Quando terminar, não se esqueça de clicar no botão “Save Changes” (Salvar alterações) na parte inferior para armazenar suas configurações.

Agora você pode visitar seu site do WordPress para ver os botões de compartilhamento social em ação.

Social sharing buttons preview

Adicionar barra flutuante de compartilhamento social

Se você decidir adicionar uma barra flutuante, os botões de compartilhamento social serão exibidos na lateral dos posts ou páginas do WordPress.

Para fazer isso, basta abrir a guia “Floating Sidebar” (Barra lateral flutuante).

Choose the floating bar option

Isso abrirá algumas novas configurações na coluna da esquerda, nas quais você poderá configurar a posição, o tamanho e a forma dos ícones da barra flutuante.

Depois de fazer isso, role para baixo até a seção “Display On” (Exibir em) e selecione as páginas em que deseja exibir os botões de compartilhamento social.

Por exemplo, se quiser exibir a barra flutuante de compartilhamento social somente nos posts do seu blog, selecione a opção “Post”.

Da mesma forma, se você quiser exibir a barra flutuante também na página inicial do seu site, poderá escolher a opção “Home”.

Choose where to display your floating bar

Por fim, clique no botão “Save Changes” (Salvar alterações) para armazenar suas configurações.

Agora você pode visitar seu blog do WordPress para ver a barra flutuante de compartilhamento social em ação.

Social sharing floating bar preview

Como adicionar botões de compartilhamento social em imagens do WordPress

Se você tiver um site de fotografia, poderá até mesmo adicionar botões de compartilhamento social às suas imagens com a ajuda do plug-in Social Snap.

Isso permitirá que os usuários compartilhem suas imagens em suas redes sociais e ajudará a trazer mais tráfego para o seu site.

Primeiro, você terá de visitar a página Social Snap ” Configurações no painel do WordPress e clicar na guia “On Media” para abri-la.

Choose the On Media tab to expand it

Quando estiver lá, escolha o tipo de botão. Você pode adicionar todos os seus botões de compartilhamento social na parte superior das imagens ou adicionar um botão do Pinterest.

Depois disso, você também pode selecionar o tamanho, a forma, a visibilidade e a posição do botão.

Choose social share buttons or Pinterest button to display on top of images

Em seguida, você pode adicionar a altura e a largura mínimas de uma imagem. Isso significa que os botões de compartilhamento não serão exibidos em uma imagem em seu site que esteja abaixo do limite mínimo de altura e largura.

Em seguida, role para baixo até a seção “Display On” (Exibir em) e marque as opções para as páginas ou publicações em que deseja exibir botões de compartilhamento social nas imagens.

Você também pode alternar o botão “Hide on Mobile” para “On” se não quiser exibir botões de compartilhamento de imagens em dispositivos móveis.

Configure the display settings for the social share buttons in images

Por fim, clique no botão “Save Changes” (Salvar alterações) para armazenar suas configurações.

Agora, basta visitar seu site do WordPress para visualizar os botões de compartilhamento social em imagens.

Social Share buttons in images preview

Exibir contagens de compartilhamento social no WordPress

Se também quiser exibir as contagens de compartilhamento ao lado dos botões de compartilhamento social, visite a página Social Snap ” Settings e expanda a guia “Manage Networks” (Gerenciar redes) na coluna da esquerda.

Depois disso, role para baixo até a seção “Facebook Share Count Provider” (Provedor de contagem de compartilhamentos do Facebook), onde você pode selecionar qualquer uma das duas fontes.

Choose SharedCount.com as the API for share counts

No entanto, recomendamos selecionar a opção “SharedCount.com”. Em seguida, as contagens serão recuperadas da API do serviço SharedCount. Isso permite que o plug-in obtenha todas as contagens com apenas duas chamadas de API, o que é melhor para o desempenho do WordPress.

Se você escolher a opção “Facebook Graph API”, as contagens de compartilhamento serão recuperadas da API do Facebook, o que pode tornar seu site mais lento.

Você pode obter facilmente a API do SharedCount inscrevendo-se em uma conta gratuita no site SharedCount.com.

Para isso, você deverá fornecer um endereço de e-mail e uma senha e, em seguida, clicar no botão “Criar conta”.

Create an account on SharedCount.com

O site enviará um link de confirmação para seu endereço de e-mail.

Clique no link para verificar sua conta.

Click account verification link

Agora, você deve fazer login na sua conta SharedCount novamente e visitar a página “Configurações” no menu suspenso no canto superior direito da tela.

Isso o levará a uma nova página na qual você verá sua chave de API do SharedCount.

Copy your SharedCount API key

Você precisa copiar essa chave e voltar para a página de configurações do plug-in em seu site do WordPress.

Agora, vá em frente e cole a chave da API no campo “SharedCount API Key”.

Depois disso, clique no botão “Save Changes” (Salvar alterações) para armazenar suas configurações.

Paste your SharedCount.com API key

Em seguida, você pode inserir essa chave de API novamente para sua contagem de compartilhamentos do Twitter. Depois disso, clique no botão “Save Changes” (Salvar alterações) para armazenar suas configurações.

Agora você pode visitar seu site para ver os botões de compartilhamento social com a contagem de compartilhamentos de cada post do blog.

Social share buttons with share count preview

Como adicionar botões de compartilhamento social em páginas de destino personalizadas

Se você quiser criar páginas de destino personalizadas para o seu site com botões de compartilhamento social, poderá fazer isso facilmente usando o SeedProd.

É o melhor construtor de páginas do WordPress no mercado, que vem com um construtor de arrastar e soltar, mais de 300 modelos predefinidos e blocos avançados para criar páginas de destino incríveis com botões de compartilhamento social.

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

Observação: o SeedProd também tem um plano gratuito que você pode usar para este tutorial. No entanto, o upgrade para o plano pago desbloqueará mais recursos.

Após a ativação, visite a seção SeedProd ” Landing Pages no painel do WordPress e clique no botão “Add New Landing Page” (Adicionar nova página de destino).

Click the Add New Landing Page button

Isso o levará para a tela “Choose a New Page Template” (Escolha um novo modelo de página), onde você verá vários modelos prontos para escolher.

Depois de fazer sua escolha, você será solicitado a digitar um nome para a página de destino que está prestes a criar.

Depois de inserir essas informações, basta clicar no botão “Salvar e começar a editar a página” para continuar.

Enter your page details

Isso abrirá o construtor de arrastar e soltar do SeedProd, onde você verá uma lista de blocos na coluna da esquerda com uma visualização da página à direita.

Agora você pode arrastar e soltar diferentes blocos para criar sua página. Para obter mais detalhes, consulte nosso tutorial sobre como criar uma página de destino no WordPress.

Depois disso, basta localizar e adicionar o bloco de Compartilhamento social da coluna da esquerda ao local de sua preferência na página.

Add the social sharing block to the landing page

Em seguida, você precisa clicar no bloco novamente para abrir suas configurações na barra lateral. A partir daí, você pode escolher a plataforma de mídia social com o botão que deseja adicionar no menu suspenso.

Você também pode adicionar um novo botão de compartilhamento social clicando no botão “+ Adicionar novo compartilhamento” na coluna.

Depois disso, você também pode configurar o tamanho e o alinhamento do botão.

Choose a social media platform for the page

Você pode até mesmo mudar para a guia “Advanced” (Avançado) na parte superior para alterar o espaçamento, escolher a visibilidade do dispositivo, adicionar CSS personalizado e usar efeitos de animação.

Quando terminar, basta clicar no botão ‘Salvar e ‘Publicar’ na parte superior para armazenar suas configurações.

Publish the landing page with the social sharing block

Agora, basta visitar a página de destino personalizada para ver os botões de compartilhamento social em ação.

Esta é a aparência da página em nosso site de demonstração.

Landing page with the social sharing block

Bônus: Adicione um botão de compartilhamento do WhatsApp no WordPress

Além das plataformas de mídia social, você também pode adicionar um botão de compartilhamento do WhatsApp em seu site WordPress. O WhatsApp é um aplicativo de mensagens instantâneas que permite que pessoas de todo o mundo entrem em contato umas com as outras.

Ao adicionar um botão de compartilhamento do WhatsApp, você permitirá que os usuários compartilhem o conteúdo do seu site com seus contatos, incluindo amigos, familiares e colegas. Isso pode aumentar o envolvimento do usuário, melhorar a visibilidade do conteúdo e ajudá-lo a expandir o alcance da sua marca.

Você pode adicionar facilmente um botão de compartilhamento do WhatsApp no WordPress com o plug-in Sassy Social Share.

WhatsApp Share button

Para obter mais informações, consulte nosso tutorial sobre como adicionar uma caixa de bate-papo do WhatsApp e botões de compartilhamento no WordPress.

Esperamos que este artigo tenha ajudado você a aprender como adicionar botões de compartilhamento social no WordPress. Você também pode querer saber como adicionar ícones de mídia social aos menus do WordPress e nossas principais opções dos melhores plug-ins de mídia social do WordPress para aumentar o número de seguidores.

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

60 ComentáriosDeixe uma resposta

  1. Saransh Agrawal

    really helpful for me

    • WPBeginner Support

      Glad to hear it was helpful :)

      Administrador

  2. Pagula Majorda

    Hi
    Your writeup is good no doubt.
    I want to ask about the icons placed in the Top Bar, do you simply put the url, if so, what purpose does it serve? On a marketplace demos, I found the icons urls automatically changed to reflect the article I was reading. How does one do that? Any ideas will not only help your readers (I am one of them too), but it will increase the coverage of this article.
    Please keep up the good work

    • WPBeginner Support

      Using the Shared Count plugin would not require you to add a link to the social media platform, it would generate the post with a link to the post to share for the user and they would have the option to change the content before posting.

      Administrador

  3. Sarwat

    Shared Count plugin is good but doesn’t have whatsapp.

    • WPBeginner Support

      Thanks for sharing that for those looking for a whatsapp button :)

      Administrador

  4. Cathy

    do you know of a plugin that I could use my own custom icons for social sharing?

    • WPBeginner Support

      We do not have a recommended plugin for that at the moment but we will be sure to share if we have a recommended one :)

      Administrador

  5. Robert B

    Well.. this plugin have not been updated since more than 2 years.

    Do you have an alternativ?

  6. Lynn Phillipi

    All these explanations were very helpful. Thanks so much.

    • WPBeginner Support

      Glad our guide was helpful :)

      Administrador

  7. Allan Green

    New to the website builder club, and recently came across the wpbeginner group on facebook. Looking forward to learning lots of new things to build and improve my site.

    • WPBeginner Support

      We hope our content continues to be helpful :)

      Administrador

  8. Izhar Ahmad Danish

    Wpbeginner is actually a WP-Pro

    I have been following your content for last two years, I have learned so many things from basic to pro. It also helped me in every minor errors, issues, even selection of Theme, hostings and Plugins.

    Kudos to Syed Balkhi and team

    • WPBeginner Support

      Glad our guides and content have been helpful :)

      Administrador

  9. Sourabh

    Hey thanks for the guide.

    • WPBeginner Support

      Glad you found our guide helpful :)

      Administrador

  10. Diane Hambrick

    Thank you for a great deal of valuable information! Sharing on social media is so important for our websites.

    • WPBeginner Support

      You’re welcome, glad our guide was helpful :)

      Administrador

  11. Khalid

    Nice info and explanation, loved the floating icons, I will try them out.

    • WPBeginner Support

      Glad you liked our guide and recommendations :)

      Administrador

  12. Christie

    So helpful! Thank you for adding the visuals!!

    • WPBeginner Support

      You’re welcome, glad our guide and visuals were helpful :)

      Administrador

  13. Suzanne

    Thanks for your awesome tutorial solving step 1 in my issue with social media share butotns. Having successfully installed on a specific blogpost (icons are visible) the specific blogpost is not shared on fB, only a generic text and image about my site… what is missing?

  14. karima

    Great article as usual! Thanks

    • WPBeginner Support

      Thank you and you’re welcome :)

      Administrador

  15. Syeda maham Fahim

    Great , Thank you

    • WPBeginner Support

      You’re welcome :)

      Administrador

    • WPBeginner Support

      Thank you :)

      Administrador

  16. Sojol Rana

    If you don’t mind, can you told me that what social share plugin you use in this site?

    • WPBeginner Support

      At the moment we’re using the shared counts plugin from this tutorial with custom styling :)

      Administrador

  17. Ikechukwu

    Nice article but I have a little problem in displaying the share bottoms to my blog category post.

    The bottoms only show in pages instead of post how do I fix that

    Thank you.

    • WPBeginner Support

      You would want to reach out to the support for your theme and they should be able to help with the footer display.

      Administrador

  18. Daniela

    Hi well written article thanks.. I was wondering is there a possibility to insert and have the same effect without a plugin I mean with php and jv using Facebook sharing.. Thanks for your reply.

    • WPBeginner Support

      We do not have a beginner-friendly method to add share buttons with JS and PHP

      Administrador

  19. Benjamin

    Hi,

    What plugin are you using for your social shares?

    The share counts plugin doesn’t have an option to make it look like yours.

    Thanks

    • WPBeginner Support

      We added custom styling for the shared counts to look like they do on our site

      Administrador

      • Benjamin

        Oh, I see

        Is there anywhere I can find this styling to make it look the same on my website? I really like the look!

        Thanks

        • WPBeginner Support

          Not at the moment but we will look into the possibility of including it in an article :)

  20. Martin Koss

    Which social sharing plugin do you use yourselves on your blog (and this post).
    Thanks.

    • WPBeginner Support

      At the moment we are using the shared counts plugin from the article :)

      Administrador

  21. Valli

    As per this, am bit confused, whether you are suggesting to add both plugin “Shared count & Sassy social share” or any one is sufficient.
    curiously awaiting for your reply.

    • WPBeginner Support

      Either one is sufficient, they just have different design options depending on what you’re wanting to do.

      Administrador

  22. Viktor

    Thanks for the description! I needed a few part of and I got the exact information!

    • WPBeginner Support

      Glad our guide was helpful :)

      Administrador

  23. Lorelei

    Very helpful article and easy to follow! Thanks!

    • WPBeginner Support

      You’re welcome, glad you liked our article :)

      Administrador

  24. Aman

    It was a fantastic blog post,
    Is there any step by step procedure for beginner in WP, like sequence of blog post or e-book

  25. Kane Martin

    I am regular visitor of wpbeginner. Thanks for doing great job again. Information is well organized and easy to understand, will help me. Can you suggest me some plugins which can display Flickr album on website?

    • WPBeginner Support

      Thank you, while we don’t have a recommendation at the moment, we will certainly keep an eye out :)

      Administrador

  26. Xavier Jinan

    Should i use them when my theme already have share buttons ? Because a blog on Hostnoc suggested that adding the buttons can slowdown your website. So why should i use it ?

  27. Chukwuezugo

    What about AddToAny social share plugin? That’s what I use and I love it. You can tweak it to give you either the standard share icons or the floating icons.

  28. Micki

    I rely heavily on information found on WP beginner. The site has been invaluable to me in starting my blog.

    One question on this post: The plug in, Shared Counts, is untested with my version of WordPress. Since I update each time an update is available, I am assuming that it is untested with the most updated version of WordPress.

    I use the Classic Editor plug in, if that makes a difference.

    Is it still safe to use this plug in? It sounds like it is exactly what I am looking for but I am hesitant to install it.

    Any direction would be greatly appreciated.

    Thanks so much for the on-going help found on the site.

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.