Como Adicionar Botão de Compartilhamento e Retweet do Twitter no WordPress

Não há nada mais frustrante do que publicar um ótimo artigo e ver que ele tem pouca repercussão online.

Ao longo dos anos de crescimento do WPBeginner, aprendemos que quanto mais fácil você tornar o compartilhamento do seu conteúdo para as pessoas, mais elas compartilharão.

O Twitter (X) continua sendo uma das plataformas mais eficazes para divulgar seu conteúdo e construir visibilidade.

É por isso que a equipe do WPBeginner é ativa no Twitter e garantimos que nosso conteúdo seja fácil de compartilhar! Neste guia, mostrarei duas maneiras simples e sem código de adicionar botões de compartilhamento e retuíte do Twitter ao seu site WordPress para incentivar o compartilhamento social em suas próprias postagens. 🤳

Por que Adicionar Botões de Compartilhamento e Retuíte do Twitter no WordPress?

De acordo com pesquisas recentes de estatísticas de marketing, o Twitter (X) tem mais de 250 milhões de usuários ativos mensais. Isso o torna um ótimo lugar para promover seu site.

No entanto, compartilhar seu conteúdo nas mídias sociais só alcança usuários que já seguem sua conta. Se você deseja alcançar um novo público, precisa fazer com que as pessoas compartilhem e retuitem seu conteúdo.

Isso pode aumentar o tráfego do seu blog ao apresentar sua marca a pessoas que talvez não estivessem cientes do seu site. Republicar seu conteúdo também é uma forma poderosa de prova social. Quando alguém compartilha uma postagem ou tweet com seus seguidores, isso é frequentemente visto como um endosso.

Dito isso, vamos ver como é fácil adicionar botões de compartilhamento e retuíte do X no WordPress. Basta usar os links rápidos abaixo para pular direto para o método que você deseja usar:

• Method 1: Add a Twitter Share Button With Novashare (Straightforward)
  • Passo 1: Instalar e Ativar o Novashare
  • Etapa 2: Crie Seu Botão de Compartilhamento no Twitter
  • Etapa 3: Personalizar a Aparência do Botão de Compartilhamento
• Method 2: Let Users Retweet Your Tweets With Smash Balloon (Feature-Rich Option)
  • Etapa 1: Configurar o Twitter Feed Pro
  • Etapa 2: Criar um Feed do Twitter ao Vivo para WordPress
  • Etapa 3: Personalize seu Feed do Twitter no WordPress
  • Etapa 4: Adicione seu feed do Twitter ao WordPress
• Saiba mais maneiras de usar o Twitter no WordPress

Método 1: Como adicionar um botão de compartilhamento do Twitter no WordPress com o Novashare

Na minha experiência, a maneira mais fácil de adicionar um botão de compartilhamento do Twitter (X) ao WordPress é usando o plugin Novashare. É um dos melhores plugins de mídia social para WordPress que permite adicionar todos os tipos de botões de compartilhamento ao seu site. Isso inclui LinkedIn, Facebook e X.

💡 Observação: A equipe do WPBeginner realizou uma pesquisa extensa sobre este plugin e você pode descobrir tudo sobre ele em nossa análise completa do Novashare.

Ao contrário de outros plugins volumosos, o Novashare é focado em desempenho e funciona muito bem com muitos temas populares do WordPress. Isso o torna perfeito para proprietários de sites que se preocupam com velocidade da página, estilo e simplicidade.

Passo 1: Instalar e Ativar o Novashare

O primeiro passo é instalar e ativar o plugin.

Você precisará comprar o plugin Novashare no site oficial do Novashare.

Depois disso, você pode simplesmente seguir o processo de checkout para chegar ao seu painel do Novashare.

Em seguida, você verá a confirmação da sua compra, onde poderá encontrar a chave de licença do Novashare, bem como o arquivo .zip.

Simplesmente baixe o arquivo, copie sua chave de licença e guarde-a em um local seguro.

Em seguida, na sua área de administração do WordPress, vá para Plugins » Adicionar Novo para instalar o plugin.

Você pode fazer o upload do arquivo .zip do Novashare e clicar em ‘Instalar Agora’ para iniciar o processo, seguido por ‘Ativar’. Se precisar de ajuda, consulte nosso guia sobre como instalar um plugin do WordPress.

Após a ativação, você desejará ativar sua chave de licença. Você pode fazer isso acessando Configurações » Novashare.

Na próxima tela, você pode clicar em ‘Licença’.

Depois disso, basta inserir sua chave no campo e clicar em ‘Salvar Licença’.

Com isso feito, você está pronto para criar seu botão de compartilhamento no Twitter com o Novashare.

Etapa 2: Crie Seu Botão de Compartilhamento no Twitter

Para criar botões de compartilhamento em redes sociais no Novashare, você pode trabalhar nas submenus ‘Conteúdo Inline’ ou ‘Barra Flutuante’.

Quer saber o que isso significa? Aqui estão as principais diferenças:

• Conteúdo Inline: Por padrão, estes usam o tamanho médio e mostram o botão no topo ou na parte inferior (ou em ambos) — dependendo do que você escolher. Você também pode colocá-los em qualquer lugar da sua página usando um bloco ou shortcode.

• Barra Flutuante: Estes aparecem no lado esquerdo da tela no desktop e ficam fixos na parte inferior no mobile. Eles usam o tamanho de botão pequeno por padrão, mas a posição pode mudar um pouco dependendo do tamanho da sua tela.

Para este guia, vou usar o estilo ‘Conteúdo Inline’, então ativarei o alternador para habilitá-lo.

Alternativamente, você pode ir para a aba Barra Flutuante e habilitá-la.

Depois de ativar seu botão de compartilhamento preferido, procure pela seção ‘Redes Sociais’ abaixo dele. Aqui, clique no ícone X para selecioná-lo.

É isso! Mas antes de salvar esta configuração, você vai querer personalizar seu botão de compartilhamento do Twitter.

Etapa 3: Personalizar a Aparência do Botão de Compartilhamento

Se você rolar para baixo na aba ‘Conteúdo Inline’, encontrará várias opções para personalizar a aparência do seu botão de compartilhamento do Twitter (X) e onde ele aparece em seu site.

Na seção ‘Exibição’, você pode escolher quais tipos de postagem mostrarão o botão de compartilhamento do Twitter. Basta marcar as caixas desejadas. Por exemplo, para este tutorial, eu o ativarei para ‘Posts’.

Em seguida, você pode decidir onde o botão aparece – acima do conteúdo, abaixo do conteúdo ou acima e abaixo do conteúdo.

O recurso ‘Mostrar em Feeds’ permite exibir botões dentro de feeds RSS também.

Em seguida, ‘Ponto de Interrupção Móvel’ define quando o estilo móvel entra em vigor, por exemplo, 1200px. Enquanto isso, a configuração ‘Ocultar Acima/Abaixo do Ponto de Interrupção’ controla a visibilidade do botão com base no tamanho da tela.

Mais abaixo na página, você encontrará a subseção ‘Design’. Veja o que você pode personalizar:

• Estilo do Botão: Sólido, Inverso, Rótulo com Borda, Botão com Borda, Rótulo Mínimo, Mínimo
• Layout do Botão: Largura Automática, 1-6 coluna(s)
• Alinhamento do Botão: Esquerda, Direita, Centro
• Tamanho do Botão: Pequeno, Médio, Grande
• Formato do Botão: Quadrado, Arredondado, Circular

Depois disso, você pode querer mudar a cor do botão. Se sim, basta mover a ferramenta seletora de cores para escolher uma cor.

Para este tutorial, ativei o recurso ‘Inverter ao Passar o Mouse’ para tornar o botão mais interativo. Isso adiciona um efeito ao passar o mouse, onde as cores do botão se invertem quando alguém passa o mouse sobre ele — dando aos usuários uma dica visual de que ele é clicável.

Para torná-lo ainda mais interessante, você pode escolher a cor do botão ao passar o mouse usando a ferramenta de seleção de cores. Há também configurações para ajustar a margem do botão e a exibição do rótulo.

Logo abaixo da subseção ‘Design’, você encontrará ‘Contagens de Compartilhamento’.

Aqui, você pode mostrar o número total de compartilhamentos em todas as redes. E então, você pode querer mudar onde ele aparece, como antes ou depois dos botões. Você também pode ajustar a cor para combinar com o seu site WordPress.

Quer mostrar compartilhamentos por plataforma também? Sinta-se à vontade para ativar ‘Contagens de Compartilhamento de Rede’.

Dito isso, lembre-se que algumas plataformas de mídia social não suportam mais dados de contagem de compartilhamento. Portanto, elas podem não exibir um número.

Por último, você encontrará a subseção ‘Chamada para Ação‘.

Ele permite que você adicione um pequeno texto para guiar os leitores sobre o que o botão faz — como “Compartilhe este post” ou “Tweet agora.”

Você também pode personalizar o tamanho da fonte e a cor para combinar com o estilo do seu site.

Após fazer seus ajustes, você pode clicar no botão ‘Salvar Alterações’.

E é isso! O Novashare mostrará imediatamente o botão de compartilhamento do Twitter (X) em seus posts. Aqui está um exemplo do meu site de teste:

Método 2: Como permitir que os usuários retwitem seus tweets no WordPress com o Smash Balloon

Se você quiser adicionar um botão de compartilhamento simples a uma página ou post, o Novashare é uma boa opção. No entanto, você também pode querer incentivar os visitantes a retweetar seus tweets recentes. Isso pode gerar mais engajamento e espalhar seu conteúdo ainda mais.

A melhor maneira de obter mais retweets é usando Smash Balloon Twitter Feed Pro. Este plugin de feed do Twitter permite que você adicione todo o seu feed do Twitter (X) a qualquer página, post ou área pronta para widgets.

💡 Observação: Para mais informações sobre o plugin, confira a análise completa do Smash Balloon da equipe do WPBeginner.

Cada tweet tem seu próprio menu para ações do Twitter.

Isso significa que os visitantes podem simplesmente repostar um tweet clicando em seu botão ‘retweetar’.

Melhor ainda, o feed é atualizado automaticamente, então sempre há novos tweets para os visitantes interagirem. Isso pode ajudar a manter seu site atualizado e interessante, mesmo para visitantes frequentes.

Etapa 1: Configurar o Twitter Feed Pro

Primeiro, você precisará criar uma conta SmashBalloon no site deles. Simplesmente clique no botão ‘Começar’, escolha um plano e siga as instruções na tela para concluir o processo.

Ao concluir o cadastro, você terá seu próprio painel Smash Balloon e uma chave de licença. A partir daqui, você pode manter a aba aberta ou copiar sua chave de licença para um local seguro. Você precisará dela em breve.

Com isso feito, é hora de instalar e ativar o Smash Balloon’s Twitter Feed Pro.

No painel de administração do seu WordPress, vamos para Plugins » Adicionar Novo Plugin.

Na próxima tela, vamos usar a barra de pesquisa para encontrar rapidamente o plugin Smash Balloon Twitter Feed.

Nos resultados da pesquisa, clique em ‘Instalar Agora’ e depois em ‘Ativar’.

Se precisar de ajuda, consulte o guia WPBeginner sobre como instalar um plugin do WordPress.

Após instalar o plugin, vá para Twitter Feed » Configurações. Agora você pode inserir sua chave de licença do Smash Balloon no campo ‘Chave de Licença’.

Você pode encontrar essas informações no e-mail de confirmação que recebeu ao comprar o Smash Balloon e em sua conta Smash Balloon.

Após adicionar sua chave de licença, clique no botão ‘Ativar’.

Etapa 2: Criar um Feed do Twitter ao Vivo para WordPress

Depois de fazer isso, você estará pronto para criar um feed personalizado do Twitter. Para começar, vá para Twitter Feed » Todos os Feeds e clique no botão ‘Adicionar Novo’.

Se esta for a primeira vez que você adiciona um feed do Twitter com o Smash Balloon, você será solicitado a verificar seu endereço de e-mail.

Simplesmente clique no botão ‘Conectar’ para fazer isso e siga as instruções na tela.

Assim que terminar, você retornará à página do plugin. O Smash Balloon agora mostrará todos os diferentes tipos de feeds do Twitter que você pode criar.

Como você quer mais retweets, basta selecionar ‘Linha do Tempo do Usuário’ e clicar em ‘Próximo’.

Na próxima tela, você precisa digitar o símbolo @ seguido pelo nome da sua conta do Twitter (X).

Quando estiver pronto, clique em ‘Próximo’ para abrir o editor principal do Smash Balloon.

Em seguida, você pode escolher o modelo a ser usado no seu feed do Twitter.

Por exemplo, você pode exibir seus tweets em um slider responsivo selecionando ‘Simple Carousel’. Se você quiser apenas promover seu tweet mais recente, você pode selecionar o modelo ‘Latest Tweet’ em vez disso.

Usarei o modelo ‘Default’ para este tutorial, mas você pode escolher qualquer modelo que desejar.

Após tomar sua decisão, clique em ‘Next.’

O Smash Balloon agora mostrará uma prévia do feed de mídia social, pronto para você personalizar.

Etapa 3: Personalize seu Feed do Twitter no WordPress

Não está satisfeito com a aparência do modelo? Para alterá-lo, basta selecionar ‘Template’ no menu do lado esquerdo.

Em seguida, você pode clicar no botão ‘Change’.

Isso abre um pop-up onde você pode escolher um novo layout.

Simplesmente selecione um novo modelo e clique em ‘Update.’

Com isso feito, você precisa clicar no link ‘Customize’.

Isso o levará de volta às configurações principais do Smash Balloon.

A próxima opção no menu do lado esquerdo é ‘Feed Layout’, então clique nela.

Aqui, você pode alterar a altura do feed do Twitter e o número de tweets que o visitante vê inicialmente. Você também pode alternar entre um layout Grid, Masonry ou Carousel.

À medida que você faz alterações, a pré-visualização será atualizada automaticamente, para que você possa experimentar diferentes configurações para ver o que fica melhor.

Dependendo do layout que você está usando, você pode ser capaz de alterar o número de colunas que o Smash Balloon exibe em desktops, tablets e dispositivos móveis.

Smartphones e tablets geralmente têm telas menores e menos poder de processamento, então você pode querer mostrar menos colunas em dispositivos móveis. Isso pode ajudar a manter seu site amigável para dispositivos móveis.

Para personalizar isso com base no dispositivo, basta usar os menus suspensos na seção 'Colunas'.

Quando estiver satisfeito com a forma como o layout do feed está configurado, clique no link 'Personalizar' novamente para retornar à tela principal de configurações.

Aqui, você pode clicar em 'Esquema de Cores'.

Por padrão, o Smash Balloon usa as cores herdadas do seu tema WordPress, mas você pode alternar para um esquema de cores 'Claro' ou 'Escuro' em vez disso.

Outra opção é criar seu próprio esquema de cores selecionando 'Personalizado' e, em seguida, usando os controles para alterar a cor de fundo, alterar a cor do texto e muito mais.

Quando estiver satisfeito com suas alterações, clique no link 'Personalizar' mais uma vez. De volta à tela principal de configurações, você precisa clicar em 'Cabeçalho'.

Por padrão, o Smash Balloon adiciona um cabeçalho 'Padrão' ao feed, que mostra um botão 'Seguir' e sua bio do Twitter, se disponível.

Se você quiser ocultar a bio do Twitter, clique para desativar a opção 'Mostrar Bio'.

Outra opção é selecionar 'Texto', que adiciona um cabeçalho 'Estamos no Twitter' ao feed.

Você pode substituir isso por sua própria mensagem digitando-a na caixa 'Texto'.

Quando estiver satisfeito com a mensagem, você pode alterar o tamanho e a cor do cabeçalho.

Depois disso, retorne à tela principal de configurações do Smash Balloon e selecione ‘Tweets’. Aqui, você pode escolher entre ‘Estilo do Tweet’ e ‘Editar Elementos Individuais’.

Se você selecionar ‘Estilo do Tweet’, poderá escolher entre layouts com caixa e regulares.

Se você escolher ‘Com Caixa’, poderá criar um fundo colorido para cada tweet. Você também pode aumentar o raio da borda para criar cantos arredondados ou adicionar uma sombra de caixa.

Se você escolher ‘Regular’, poderá alterar a espessura e a cor da linha que separa seus diferentes posts de mídia social.

Quando estiver satisfeito com suas alterações, basta clicar em ‘Tweets’.

Isso o levará de volta à tela anterior.

Desta vez, você pode clicar em ‘Editar Elementos Individuais’.

Agora você verá todo o conteúdo que o Twitter Feed Pro inclui em cada tweet, como o autor, o texto do tweet, o logotipo do Twitter e muito mais.

Para obter o máximo de retweets possível, é uma boa ideia fazer com que o ícone de retweet se destaque. Para fazer isso, clique na seta ao lado de ‘Ações do Tweet’.

Aqui, você pode aumentar o tamanho das ações do tweet usando o menu suspenso ‘Tamanho’ e alterar a cor.

Apenas esteja ciente de que o Smash Balloon aplicará essas alterações a todas as ações do tweet e não apenas ao ícone de ‘retweet’.

Quando estiver satisfeito com a aparência das ações do tweet, basta clicar no texto ‘Elementos’.

Isso o levará de volta à tela anterior.

Simplesmente repita este processo para personalizar qualquer um dos outros elementos individuais.

Você também pode ocultar um elemento desmarcando sua caixa.

Ocultar conteúdo desnecessário é outro truque que pode ajudar a ação de retweet a se destacar.

Quando estiver satisfeito com a aparência dos tweets, você pode retornar à tela principal de configurações do Smash Balloon e selecionar ‘Botão Carregar Mais’.

Como é um botão tão importante, você pode querer personalizá-lo alterando sua cor de fundo, estado de foco, rótulo e muito mais para combinar com o design do seu site.

Você também pode substituir o texto padrão ‘Carregar Mais’ por sua própria mensagem, digitando-a no campo ‘Texto’.

Outra opção é habilitar uma rolagem infinita para que novos tweets apareçam automaticamente quando os visitantes chegam ao final do feed. Isso incentiva os visitantes a explorar mais seus tweets e pode render alguns retweets extras.

Para habilitar este recurso, basta clicar no controle deslizante ‘Rolagem Infinita’ para que ele mude de cinza (desabilitado) para azul (habilitado).

Você também pode alterar a ‘Distância do Gatilho’, que informa ao Smash Balloon quando carregar novos tweets. No entanto, as configurações padrão devem funcionar bem para a maioria dos sites WordPress.

Depois disso, a opção final na tela principal de configurações do Smash Balloon é ‘Lightbox’.

Por padrão, o Twitter Feed Pro permite que os visitantes percorram as imagens e vídeos do feed em um pop-up de lightbox.

Isso pode gerar alguns retweets extras, pois os visitantes podem ter uma visão mais detalhada das imagens do feed e assistir aos seus vídeos sem sair do site.

Com isso em mente, recomendo deixar o lightbox ativado.

No entanto, se você quiser desativar este recurso, basta clicar no alternador azul ‘Ativar’ para que ele fique cinza.

Quando estiver satisfeito com a aparência do feed do Twitter, não se esqueça de clicar em ‘Salvar’. Depois disso, você estará pronto para incorporar o feed do Twitter e os botões de retweet em seu site WordPress.

Etapa 4: Adicione seu feed do Twitter ao WordPress

Você pode adicionar o feed do Twitter ao seu site usando um shortcode ou o bloco Twitter Feed. Como é o método mais fácil, vamos primeiro ver como você pode adicionar o feed a qualquer página ou post usando o bloco Smash Balloon.

Se você criou mais de um feed, precisará encontrar o código do feed que deseja incorporar.

Para obter essas informações, vá para Twitter Feeds » All Feeds e copie o código na coluna ‘Shortcode’. Você precisará adicionar este código ao seu site, então anote-o.

Na imagem a seguir, você precisará usar [custom-twitter-feeds feed=2]

Depois disso, simplesmente abra a página ou post onde você deseja incorporar o feed do Twitter. Em seguida, clique no ícone ‘+’ para adicionar um novo bloco e comece a digitar ‘Twitter Feed’.

Quando o bloco certo aparecer, clique para adicioná-lo à postagem do blog.

O bloco mostrará um dos seus feeds do Twitter por padrão. Se você quiser usar um feed diferente, procure por ‘Configurações de Shortcode’ no menu do lado direito.

Aqui, basta adicionar o shortcode e clicar em ‘Aplicar Alterações’.

O bloco agora mostrará seu feed do Twitter, e você pode simplesmente publicar ou atualizar a postagem para torná-la ativa em seu site.

Outra opção é adicionar o feed a qualquer área pronta para widgets ou elemento de design em todo o site, como a barra lateral. Isso permite que os visitantes retuitem suas postagens mais recentes de qualquer página do seu site.

Se você estiver usando um tema de bloco, você pode adicionar o bloco de Feed do Twitter diretamente a um de seus Modelos ou Partes de Modelo no Editor Completo do Site, usando a mesma abordagem que mostrei para uma página ou postagem.

Para instruções detalhadas sobre como fazer isso, consulte nosso guia para iniciantes sobre edição completa de site no WordPress.

Se você não estiver usando um tema de bloco, precisará ir para Aparência » Widgets no painel do WordPress e, em seguida, clicar no botão azul ‘+’.

Depois de fazer isso, você precisa digitar ‘Feed do Twitter’ para encontrar o widget correto.

Em seguida, basta arrastá-lo para a área onde você deseja exibir o feed e os botões de retuíte.

O widget exibirá um dos feeds que você criou usando o Smash Balloon.

Para mostrar um feed do Twitter diferente, digite o código do feed na caixa ‘Configurações de Shortcode’ e clique em ‘Aplicar Alterações’.

Agora você pode clicar no botão 'Atualizar' para tornar o widget ativo. Para mais informações, consulte nosso guia passo a passo sobre como adicionar e usar widgets no WordPress.

Finalmente, você pode incorporar o feed e os botões de retuíte em qualquer página, postagem ou área pronta para widgets usando um shortcode.

Simplesmente vá para Feed do Twitter » Todos os Feeds e copie o código na coluna ‘Shortcode’. Você agora pode adicionar o shortcode a qualquer área pronta para widgets em seu site.

Para mais informações, consulte nosso guia detalhado sobre como adicionar um shortcode no WordPress.

Saiba mais maneiras de usar o Twitter no WordPress

Espero que este artigo tenha ajudado você a adicionar botões de compartilhamento e retuíte do Twitter no WordPress.

Você quer aproveitar ao máximo seu perfil do Twitter (X) para promover seu site WordPress? Ou talvez você queira adicionar mais conteúdo do Twitter ao seu site?

Confira estes guias abaixo:

• Guia para Iniciantes sobre Como Adicionar Cartões do Twitter no WordPress
• Como Corrigir Imagens Quebradas de Cartões do Twitter no WordPress
• Como Promover Sua Página do Twitter no WordPress com um Popup
• Como Exibir Contagem de Seguidores do Twitter e Mais no WordPress
• Como Adicionar um Botão Pagar com um Tweet para Downloads de Arquivos no WordPress

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