Deseja adicionar um botão de tweet ao seu site WordPress?
Os botões Click-to-tweet facilitam o compartilhamento do seu conteúdo no Twitter pelos visitantes do site. Dessa forma, você pode atingir seu público-alvo com conteúdo criado para gerar interesse, leads e clientes em potencial.
Neste tutorial, mostraremos a você como adicionar um botão de tweet ao seu site, passo a passo.
Por que adicionar um botão Tweet ao WordPress?
Com mais de 217 milhões de usuários ativos diários monetizáveis, o marketing no Twitter é uma das maneiras mais eficazes de levar o público-alvo ao seu website. Entretanto, quando você compartilha seu próprio conteúdo no Twitter, só pode atingir um número limitado de usuários.
Uma maneira eficaz de alcançar as pessoas que não seguem você no Twitter é adicionar um botão Tweet ao seu website.
Quando os usuários visitarem seu website, um botão de tweet os incentivará a compartilhar seu conteúdo em suas linhas do tempo pessoais no Twitter. Como resultado, os seguidores deles verão seu conteúdo e poderão curtir, comentar e retuitar o conteúdo para os seguidores deles.
Como os botões de compartilhamento do Twitter transmitem seu conteúdo para um público mais amplo, isso também pode ajudá-lo a aumentar seus seguidores no Twitter. Além disso, a exposição pode ajudá-lo a criar prova social e reconhecimento de marca, resultando em mais leads e vendas.
Agora que você sabe por que os botões do Twitter podem beneficiar sua empresa, vamos ver como adicionar um ao seu site WordPress.
Como adicionar um botão Tweet no WordPress
Há várias maneiras de adicionar uma caixa ou botão do tipo "clique para twittar" ao seu site; entretanto, algumas são muito mais fáceis do que outras.
Nesta postagem, mostraremos primeiro como adicionar um botão click-to-tweet facilmente com um plug-in do WordPress. Em seguida, mostraremos como adicionar manualmente o código do botão Tweet do Twitter.
Tutorial em vídeo
Como adicionar o botão Tweet ao WordPress com o SeedProd
Para o primeiro método, usaremos o SeedProd, o melhor construtor de sites WordPress, para adicionar um botão do Twitter ao seu site. Ele vem com um editor visual de arrastar e soltar, permitindo que você crie e personalize qualquer área do seu site WordPress sem código.
Você pode usar o SeedProd para criar:
- Temas personalizados do WordPress
- Páginas de destino de alta conversão
- Modelos de WooCommerce
- Em breve e páginas de manutenção
- Páginas de login do WordPress
- E mais
Esse plug-in também inclui elementos e blocos de conteúdo avançados que ajudam na geração de leads, no reconhecimento da marca e na experiência do usuário. Por exemplo, o bloco que usaremos neste guia é o botão Tweet do Twitter.
Siga as etapas abaixo para adicionar um botão de tweet no WordPress com o SeedProd.
Etapa 1. Instalar o plug-in SeedProd
Primeiro, clique aqui para começar a usar o SeedProd e fazer o download do plug-in em seu computador. Em seguida, você pode carregar o arquivo .zip do plug-in em seu site do WordPress.
Se você nunca instalou um plug-in antes, pode seguir este guia sobre como instalar e ativar um plug-in do WordPress.
Quando o SeedProd estiver ativo em seu site, acesse a página SeedProd " Settings (Configurações ) no painel do WordPress e insira sua chave de licença.
Você pode encontrar sua chave no site da SeedProd, na seção "Downloads" do painel de controle da sua conta.
Depois de colar sua chave de licença, clique no botão Verify Key (Verificar chave ).
Etapa 2. Criar uma página de destino ou um tema do WordPress
Há duas maneiras de adicionar um botão Tweet ao seu site com o SeedProd.
Você pode substituir seu tema atual do WordPress por um tema personalizado projetado com os kits de site da SeedProd. Ou você pode criar uma página de destino com seu tema existente do WordPress.
Neste tutorial, adicionaremos um botão de tweet às publicações do blog personalizando o modelo de publicação única com o criador de temas do SeedProd. Confira este guia para conhecer todas as etapas da criação de um tema personalizado do WordPress com o SeedProd.
Se preferir adicionar um botão de tweet à sua página de destino, siga este guia sobre como criar uma página de destino no WordPress.
Ambos os tutoriais mostrarão como escolher um modelo e preparar seu tema ou landing page para personalização. Quando você estiver pronto para adicionar seu botão de tweet, vá para a etapa 3 deste guia.
Etapa 3. Adicionar um botão Tweet ao WordPress
Depois de criar um tema ou página de destino com o SeedProd, você pode personalizá-lo facilmente com o construtor de arrastar e soltar. Conforme mencionado acima, vamos adicionar um botão de tweet à nossa página de postagem do WordPress. Dessa forma, os usuários podem tweetar sobre a publicação do seu blog depois de lê-la e compartilhá-la com o público nas mídias sociais.
Para fazer isso, acesse a página SeedProd " Theme Builder em seu administrador do WordPress. Essa página mostrará as partes individuais do seu tema, como o seu:
- Cabeçalho
- Rodapé
- Barra lateral
- Página inicial
- Página do blog
- Postagem única
- Página única
Cada parte do tema é muito fácil de editar e personalizar no editor visual do SeedProd. Basta passar o mouse sobre uma delas e clicar no link Edit Design.
Como estamos adicionando um botão de tweet às publicações do blog, editaremos o modelo Single Post. Depois de clicar no link Edit Design, seu modelo será aberto no editor visual de arrastar e soltar do SeedProd.
Você verá os diferentes blocos e seções de conteúdo à esquerda e uma visualização ao vivo da sua página no lado direito.
Clicar em qualquer elemento na visualização ao vivo abre suas configurações no painel esquerdo. Isso permite que você altere o conteúdo e personalize o estilo e a aparência do elemento.
Há duas maneiras de adicionar um botão Tweet usando o SeedProd:
- Bloco de compartilhamento social
- Bloco de botões do Twitter Tweet
Demonstraremos as duas opções para que você possa decidir qual é a melhor para o seu site, mas, primeiro, vamos adicionar uma nova coluna para abrigar nosso botão do Twitter.
Para fazer isso, arraste o bloco de colunas do painel esquerdo e solte-o em sua visualização. Em seguida, você pode escolher um layout de coluna para seu conteúdo.
Neste exemplo, temos um layout de duas colunas com um lado mais largo que o outro.
Em seguida, arraste o bloco do título e adicione-o à primeira coluna. No painel de configurações, você pode alterar o título para dizer algo como "Compartilhe isto".
Agora você está pronto para adicionar seus botões de tweet.
Bloco de compartilhamento social do SeedProd
Primeiro, usaremos o bloco Social Sharing do SeedProd para adicionar botões de compartilhamento para várias redes de mídia social, inclusive o Twitter. Localize o bloco no painel Advanced blocks e solte-o na segunda coluna de seu design.
O SeedProd o preencherá previamente com um botão de tweet e um botão de compartilhamento do Facebook. Ao clicar no bloco, você poderá adicionar mais opções de compartilhamento social para o Pinterest e o LinkedIn e configurações para alterar o tamanho e o alinhamento do botão.
Na guia Advanced settings (Configurações avançadas), você pode personalizar os estilos e o espaçamento do botão e mostrá-lo ou ocultá-lo em dispositivos móveis e desktop.
Bloqueio do botão Tweet do Twitter
Para adicionar um único botão Tweet, basta localizar o bloco Twitter Tweet Button no painel Blocos avançados e, em seguida, arrastá-lo e soltá-lo em sua página.
No painel de configurações do botão de tweet, você pode personalizar várias configurações. Por exemplo, você pode adicionar o URL que deseja que os visitantes compartilhem, o conteúdo do tweet e as hashtags.
Você pode adicionar @ por meio de menções e contas relacionadas do Twitter e alterar o tamanho, o alinhamento e o idioma do botão.
Faça experiências com os blocos de botões de compartilhamento social e de tweet do SeedProd até encontrar uma combinação adequada ao seu site. Quando estiver satisfeito com a aparência de tudo, clique no botão Save (Salvar ) no canto superior direito.
Etapa 4. Publique seu botão Tweet no WordPress
A próxima etapa é tornar seu botão de tweet ativo em seu site WordPress. Para isso, vá para a página SeedProd " Theme Builder e coloque o botão Enable SeedProd Theme na posição "On".
Ótimo trabalho! Agora você pode visualizar seu site para ver a aparência do botão Tweet.
Aqui está um exemplo do botão de tweet:
E aqui está um exemplo dos botões de compartilhamento:
Como adicionar um botão Tweet ao WordPress manualmente
Para o próximo método, mostraremos como adicionar manualmente um botão de tweet ao WordPress sem um plug-in do WordPress. Você pode fazer isso usando as ferramentas de publicação do Twitter, que permitem incorporar um tweet, uma linha do tempo ou um botão.
Esse método não oferece muito controle sobre o botão de tweet. No entanto, é uma solução útil para usuários que não desejam adicionar mais plug-ins ao site do WordPress.
Para começar, acesse o site da ferramenta Twitter Publish e escolha o tipo de incorporação Twitter Buttons.
Em seguida, será exibida uma janela solicitando que você escolha um tipo de botão:
- Botão Compartilhar: compartilhe um link no Twitter.
- Botão Seguir: permite que os usuários sigam seu perfil no Twitter.
- Botão Mention: inicie uma conversa diretamente de seu site.
- Botão de hashtag: tuíte sobre um tópico usando hashtags.
- Botão de mensagem: permite que os visitantes enviem mensagens privadas para você no Twitter.
Vamos escolher o botão Compartilhar para este guia. Depois de clicar no tipo de botão, você verá uma página semelhante à que está abaixo:
Clique no botão para copiar o código de incorporação e, em seguida, volte para o site do WordPress.
Adicionaremos esse botão de tweet à nossa barra lateral do WordPress, portanto, navegue até Appearance " Widgets no painel do WordPress. Em seguida, localize o bloco HTML personalizado e adicione-o à área principal da barra lateral.
Dentro do bloco, cole o código de incorporação do botão de tweet que você copiou anteriormente e clique no botão Update (Atualizar ).
Agora, quando visitar seu site do WordPress, você verá o botão de tweet na barra lateral do blog.
Bônus: Exibir feeds do Twitter e botões de Tweet com o Smash Balloon
Você sabia que também pode adicionar belos feeds do Twitter ao seu site WordPress com o plug-in Twitter Feeds do Smash Balloon?
O plug-in Custom Twitter Feeds é o plug-in de feed do Twitter mais bem avaliado para WordPress. Você pode usá-lo para exibir feeds incríveis do Twitter em seu site com apenas alguns cliques.
Você pode personalizar seus feeds ao vivo do Twitter em tempo real com o editor visual de feeds e escolher entre vários tipos de feeds para atender às suas necessidades comerciais. Cada feed também inclui botões de tweet, permitindo que os visitantes do site compartilhem o conteúdo do Twitter com seus seguidores.
Siga o guia passo a passo do Smash Balloon para adicionar um feed do Twitter ao WordPress.
É isso aí!
Esperamos que você tenha gostado deste tutorial e que ele o tenha ajudado a aprender a adicionar facilmente um botão de tweet ao WordPress. Talvez você também goste deste guia sobre como fazer com que seu blog se pareça com um site.
Pronto para adicionar botões de tweet ao seu site?
Obrigado pela leitura! Gostaríamos muito de ouvir sua opinião, portanto, fique à vontade para deixar um comentário com perguntas e feedback.
Você também pode nos seguir no YouTube, no X (antigo Twitter) e no Facebook para obter mais conteúdo útil para expandir seus negócios.
