Como adicionar o botão Compartilhar e Retweetar do Twitter no WordPress

Aprendi que quanto mais fácil for para as pessoas compartilharem seu conteúdo on-line, mais elas o compartilharão. E quando se trata de compartilhamento social, o Twitter (X) ainda é uma das plataformas mais poderosas para fazer com que seu conteúdo seja notado.

É por isso que a equipe do WPBeginner é ativa no Twitter, e garantimos que nosso conteúdo seja fácil de compartilhar! 🙌

Além disso, na minha opinião, tornar seu conteúdo compartilhável no Twitter não é apenas um bom complemento para uma estratégia de marketing sólida, é algo inegociável. Isso porque isso pode ter um impacto maior em seus negócios do que você imagina.

Como? Os compartilhamentos no Twitter não apenas expandem seu alcance. Eles também enviam sinais positivos aos mecanismos de busca, mostrando que as pessoas consideram seu conteúdo valioso.

Neste guia, mostrarei dois métodos simples para adicionar botões de compartilhamento e retuíte do Twitter no WordPress (sem necessidade de codificação).

Por que adicionar botões de compartilhamento e retuíte do Twitter no WordPress?

De acordo com a pesquisa de estatísticas de marketing da equipe do WPBeginner, 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ó atinge os usuários que já seguem sua conta. Se você quiser atingir um novo público, precisará fazer com que as pessoas compartilhem e retuitem seu conteúdo.

Isso pode aumentar o tráfego do seu blog, apresentando sua marca a pessoas que talvez não conhecessem seu site. Repostar seu conteúdo também é uma forma poderosa de prova social. Quando alguém compartilha uma publicação ou um tweet com seus seguidores, isso geralmente é visto como um endosso.

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

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

Na minha experiência, a maneira mais fácil de adicionar um botão de compartilhamento do Twitter (X) ao WordPress é usar o plug-in Novashare. Ele é um dos melhores plug-ins 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 fez uma extensa pesquisa sobre esse plugin e você pode saber tudo sobre ele em nossa abrangente análise do Novashare.

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

Etapa 1: Instalar e ativar o Novashare

A primeira etapa é instalar e ativar o plug-in.

Você precisará comprar o plug-in Novashare no site oficial do Novashare.

Depois disso, basta seguir o processo de checkout para acessar o painel de controle do Novashare.

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

Basta fazer o download do arquivo, copiar sua chave de licença e armazená-la em um local seguro.

Em seguida, na área de administração do WordPress, acesse Plugins ” Add New para instalar o plug-in.

Você pode carregar o arquivo .zip do Novashare e clicar em “Install Now” (Instalar agora) para iniciar o processo, seguido de “Activate” (Ativar). Se precisar de ajuda, consulte nosso guia sobre como instalar um plug-in do WordPress.

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

Na tela seguinte, clique em “License” (Licença).

Depois disso, basta digitar sua chave no campo e clicar em ‘Save License’.

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

Etapa 2: Crie seu botão de compartilhamento do Twitter

Para criar botões de compartilhamento de mídia social no Novashare, você pode trabalhar no submenu “Conteúdo em linha” ou “Barra flutuante”.

Está se perguntando o que isso significa? Aqui estão as principais diferenças:

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

• Barra flutuante: Aparecem no lado esquerdo da tela no desktop e ficam na parte inferior no celular. Elas usam o tamanho de botão pequeno por padrão, mas o posicionamento pode mudar um pouco dependendo do tamanho da tela.

Para este guia, usarei o estilo “Inline content”, portanto, mudarei o botão de alternância para ativá-lo.

Como alternativa, você pode ir até a guia Barra flutuante e ativá-la.

Depois de ativar o botão de compartilhamento de sua preferência, procure a seção “Redes sociais” abaixo dele. Aqui, clique no ícone X para selecioná-lo.

É isso aí! Mas antes de salvar essa configuração, você deverá personalizar o botão de compartilhamento do Twitter.

Etapa 3: Personalize a aparência do botão Compartilhar:

Se você rolar para baixo na guia “Inline Content”, encontrará várias opções para personalizar a aparência do botão de compartilhamento do Twitter (X) e o local em que ele aparece no site.

Na seção “Exibir”, você pode escolher quais tipos de publicação mostrarão o botão de compartilhamento do Twitter. Basta marcar as caixas que você deseja. Por exemplo, para este tutorial, vou habilitá-lo para “Posts”.

Em seguida, você pode decidir onde o botão aparecerá: acima do conteúdo, abaixo do conteúdo ou acima e abaixo do conteúdo.

O recurso “Show in Feeds” permite que você também exiba botões dentro de feeds RSS.

Em seguida, “Mobile Breakpoint” define quando o estilo móvel entra em ação, por exemplo, 1200px. Enquanto isso, a configuração “Hide Above/Below Breakpoint” (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”. Aqui está o que você pode personalizar:

• Estilo do botão: Sólido, Inverso, Rótulo com bordas, Botão com bordas, 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, talvez você queira alterar a cor do botão. Nesse caso, basta mover a ferramenta de seleção de cores para escolher uma cor.

Para este tutorial, ativei o recurso “Inverse on Hover” para tornar o botão mais interativo. Isso adiciona um efeito hover, em que as cores do botão se invertem quando alguém passa o mouse sobre ele, dando aos usuários uma indicação visual de que ele pode ser clicado.

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. Também há configurações para ajustar a margem do botão e a exibição do rótulo.

Logo abaixo da subseção “Design”, você encontrará “Share Counts”.

Aqui, você pode mostrar o número total de compartilhamentos em todas as redes. Além disso, talvez você queira alterar o local em que ele aparece, como antes ou depois dos botões. Você também pode ajustar a cor para combinar com seu site WordPress.

Deseja mostrar também os compartilhamentos por plataforma? Sinta-se à vontade para ativar a opção “Network Share Counts”.

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

Por fim, você encontrará a subseção“Call to Action“.

Ele permite que você adicione um rótulo de texto curto para orientar os leitores sobre o que o botão faz, como “Compartilhar esta publicação” ou “Tweetar agora”.

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

Depois de fazer seus ajustes, você pode clicar no botão “Save Changes” (Salvar alterações).

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

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

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

A melhor maneira de obter mais retweets é usar o Smash Balloon Twitter Feed Pro. Esse plug-in de feed do Twitter permite que você adicione todo o seu feed do Twitter (X) a qualquer página, post ou área pronta para widget.

Observação: para obter mais informações sobre o plug-in, confira a análise completa do Smash Balloon feita pela equipe do WPBeginner.

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

Isso significa que os visitantes podem simplesmente repassar um tweet clicando no botão “retweetar”.

Melhor ainda, o feed é atualizado automaticamente, de modo que 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á instalar e ativar o Twitter Feed Pro do Smash Balloon. Se precisar de ajuda, consulte o guia WPBeginner sobre como instalar um plug-in do WordPress.

Depois de instalar o plug-in, vá para Twitter Feed ” Settings. Agora você pode inserir sua chave de licença do Smash Balloon no campo “License Key” (Chave de licença).

Você pode encontrar essas informações no e-mail de confirmação que recebeu quando comprou o Smash Balloon e na sua conta do Smash Balloon.

Depois de adicionar sua chave de licença, clique no botão “Activate” (Ativar).

Etapa 2: Criar um feed do Twitter ao vivo para o WordPress

Depois de fazer isso, você estará pronto para criar um feed personalizado do Twitter. Para começar, vá para Twitter Feed ” All Feeds e clique no botão “Add New” (Adicionar novo).

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

Para isso, basta clicar no botão “Connect” e seguir as instruções na tela.

Quando terminar, você voltará à página do plug-in. O Smash Balloon agora mostrará todos os diferentes tipos de feeds do Twitter que você pode criar.

Como você deseja mais retweets, basta selecionar “User Timeline” (Linha do tempo do usuário) e clicar em “Next” (Avançar).

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

Quando estiver pronto, clique em “Next” (Avançar) para abrir o editor principal do Smash Balloon.

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

Por exemplo, você pode mostrar seus tweets em um controle deslizante responsivo selecionando “Simple Carousel”. Se você quiser promover apenas o tweet mais recente, poderá selecionar o modelo “Latest Tweet”.

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

Depois de tomar sua decisão, clique em “Next” (Avançar).

O Smash Balloon agora mostrará uma visualização do feed de mídia social, pronto para ser personalizado.

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 à esquerda.

Em seguida, você pode clicar no botão “Change” (Alterar).

Isso abre uma janela pop-up na qual você pode escolher um novo layout.

Basta selecionar um novo modelo e clicar em “Atualizar”.

Feito isso, você precisa clicar no link “Customize” (Personalizar).

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

A próxima opção no menu à esquerda é “Feed Layout”, portanto, 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 de grade, alvenaria ou carrossel.

À medida que você fizer alterações, a visualização será atualizada automaticamente, de modo que você possa experimentar configurações diferentes para ver qual é a melhor.

Dependendo do layout que estiver usando, você poderá alterar o número de colunas que o Smash Balloon exibe em computadores, tablets e dispositivos móveis.

Smartphones e tablets geralmente têm telas menores e menos poder de processamento, portanto, talvez seja melhor mostrar menos colunas em dispositivos móveis. Isso pode ajudá-lo a manter seu site compatível com dispositivos móveis.

Para personalizar isso com base no dispositivo, basta usar os menus suspensos na seção “Columns” (Colunas).

Quando estiver satisfeito com a configuração do layout do feed, clique no link “Customize” (Personalizar) novamente para retornar à tela principal de configurações.

Aqui, você pode clicar em “Color Scheme” (Esquema de cores).

Por padrão, o Smash Balloon usa as cores herdadas do seu tema do WordPress, mas você pode mudar para um esquema de cores “Claro” ou“Escuro“.

Outra opção é criar seu próprio esquema de cores selecionando “Custom” (Personalizado) e usando os controles para alterar a cor do plano de fundo, alterar a cor do texto e muito mais.

Quando estiver satisfeito com as alterações, clique no link “Customize” (Personalizar) mais uma vez. De volta à tela principal de configurações, você precisa clicar em “Header” (Cabeçalho).

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

Se você quiser ocultar a biografia do Twitter, clique para desativar o botão de alternância “Show Bio”.

Outra opção é selecionar “Text” (Texto), que adiciona um cabeçalho “We are on Twitter” (Estamos no Twitter) ao feed.

Você pode substituí-la por sua própria mensagem, digitando-a na caixa “Texto”.

Quando estiver satisfeito com a mensagem, você poderá 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 de Tweet”, poderá escolher entre layouts em caixa e regulares.

Se você escolher “Boxed”, poderá criar um plano de fundo colorido para cada tweet. Você também pode aumentar o raio da borda para criar cantos curvos ou adicionar uma sombra de caixa.

Se você escolher “Regular”, poderá alterar a espessura e a cor da linha que separa suas diferentes postagens de mídia social.

Quando estiver satisfeito com suas alterações, basta clicar em “Tweets”.

Isso o leva de volta à tela anterior.

Dessa vez, você pode clicar em “Edit Individual Elements” (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 maior número possível de retweets, é 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 “Size” (Tamanho) e alterar a cor.

Lembre-se de que o Smash Balloon aplicará essas alterações a todas as ações do tweet e não apenas ao ícone “retweet”.

Quando você estiver satisfeito com a aparência das ações de tweet, basta clicar no texto “Elements” (Elementos).

Isso o levará de volta à tela anterior.

Basta repetir esse 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 destacar a ação de retuitar.

Quando estiver satisfeito com a aparência dos tweets, volte à tela principal de configurações do Smash Balloon e selecione “Load More Button” (Carregar mais botões).

Por ser um botão tão importante, talvez você queira personalizá-lo, alterando a cor do plano de fundo, o estado do mouse, o rótulo e muito mais para combinar com o design do seu site.

Você também pode substituir o texto padrão “Load More” (Carregar mais) por sua própria mensagem, digitando-a no campo “Text” (Texto).

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

Para ativar esse recurso, basta clicar no controle deslizante “Infinite Scroll” para que ele passe de cinza (desativado) para azul (ativado).

Você também pode alterar a “Distância de acionamento”, 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 última opção 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 os vídeos do feed em um pop-up de lightbox.

Isso pode lhe render alguns retweets extras, pois os visitantes podem ver mais de perto as imagens do feed e assistir aos seus vídeos sem sair do site.

Com isso em mente, recomendo deixar a lightbox ativada.

No entanto, se você quiser desativar esse recurso, basta clicar no botão azul “Enable” (Ativar) para que ele fique cinza.

Quando você 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 esse é o método mais fácil, vamos ver primeiro como você pode adicionar o feed a qualquer página ou post usando o bloco Smash Balloon.

Se você tiver criado mais de um feed, precisará localizar 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 esse código ao seu site, portanto, anote-o.

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

Depois disso, basta abrir a página ou o post em que 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 correto aparecer, clique nele para adicioná-lo à postagem do blog.

Por padrão, o bloco mostrará um de seus feeds do Twitter. Se quiser usar um feed diferente, localize “Shortcode Settings” no menu à direita.

Aqui, basta adicionar o shortcode e clicar em “Apply Changes” (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 widget ou elemento de design em todo o site, como a barra lateral. Isso permite que os visitantes retuitem suas últimas publicações em qualquer página do site.

Se estiver usando um tema de bloco, você poderá adicionar o bloco Twitter Feed diretamente a um de seus modelos ou partes de modelo no Full Site Editor, usando a mesma abordagem que mostrei para uma página ou post.

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

Se você não estiver usando um tema de bloco, precisará acessar Appearance ” Widgets no painel do WordPress e clicar no botão azul “+”.

Depois de fazer isso, você precisa digitar “Twitter Feed” para encontrar o widget certo.

Em seguida, basta arrastá-lo para a área em que você deseja exibir os botões de feed e retweet.

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

Para mostrar um feed diferente do Twitter, digite o código do feed na caixa “Configurações de código curto” e clique em “Aplicar alterações”.

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

Por fim, você pode incorporar os botões de feed e retweet em qualquer página, post ou área pronta para widget usando um shortcode.

Basta acessar Twitter Feed “ All Feeds e copiar o código na coluna “Shortcode”. Agora você pode adicionar o shortcode a qualquer área pronta para widgets em seu site.

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

Dica bônus: Compartilhamento no Twitter com o ClickSocial

O ClickSocial é o melhor plugin de agendamento de mídia social para WordPress. Ele permite que você agende e publique posts no Twitter (X) diretamente do painel do WordPress!

Você pode adicionar sua conta do Twitter, escrever uma postagem usando o editor intuitivo da ferramenta e publicá-la imediatamente ou programá-la para mais tarde usando opções como adicionar à fila ou horário personalizado.

Ele também suporta a revitalização de postagens antigas do WordPress, para que você possa compartilhar novamente e de forma automática o seu conteúdo perene no Twitter, sem mexer um dedo.

Para obter mais informações, consulte nosso guia sobre como programar publicações do WordPress para mídias sociais.

Saiba mais maneiras de usar o Twitter no WordPress

Deseja aproveitar ao máximo seu perfil no Twitter (X) para promover seu site WordPress? Ou talvez você queira adicionar mais conteúdo do Twitter ao seu site? Nesse caso, dê uma olhada nos 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 pop-up
• Como exibir a contagem de seguidores do Twitter e muito mais no WordPress
• Como adicionar o botão Pagar com um Tweet para downloads de arquivos no WordPress

Esperamos que este artigo tenha ajudado você a adicionar botões de compartilhamento e retweet do Twitter no WordPress. Talvez você também queira conferir nosso artigo sobre as últimas estatísticas de mídia social que os blogueiros devem conhecer e nosso guia para iniciantes sobre como iniciar um canal do YouTube para sua empresa.

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.