Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como adicionar botões de reação do WordPress para aumentar o engajamento

Adicionar botões de reação do WordPress é uma maneira divertida de aumentar o envolvimento em seu site. Esses botões permitem que os visitantes compartilhem suas opiniões com apenas um clique, tornando a interação fácil e acessível.

As reações podem mostrar apoio ou compartilhar opiniões, fornecendo insights sobre o que o público mais gostou.

Além disso, de acordo com nossa experiência, é mais provável que as pessoas cliquem em um botão de reação do que deixem um comentário completo, portanto, isso pode realmente fazer a diferença em sua comunidade on-line.

Como o WordPress não oferece esse recurso por padrão, fizemos uma pesquisa para encontrar a melhor ferramenta para o trabalho. Descobrimos que o plug-in Da Reactions era a melhor opção. Ele é elegante, personalizável e incrivelmente simples de configurar.

Portanto, neste guia, mostraremos a você como adicionar botões de reação do WordPress ao seu site usando o Da Reactions, passo a passo.

How to Add WordPress Reaction Buttons to Boost Engagement

Por que adicionar botões de reação no WordPress?

Os botões de reação ajudam a aumentar o envolvimento do usuário em seu blog do WordPress, pois nem todos os usuários têm tempo ou confiança para deixar um comentário.

É por isso que sites populares de mídia social, como o Facebook, usam os botões “Curtir” e outros botões de “Reação” para aumentar o engajamento. Se ainda não tiver feito isso, adicione um botão Curtir do Facebook às suas publicações.

Facebook Lets Users React to Posts With the Like Button

A adição de botões de reação do WordPress pode incentivar mais interação em seu site. Esses botões permitem que os usuários se envolvam com a publicação com apenas um clique.

Com isso em mente, vamos dar uma olhada em como adicionar esse tipo de botão de reação ao seu site WordPress.

Como adicionar botões de reação no WordPress

Para adicionar botões de reação ao seu site WordPress, você pode usar plug-ins como o Da Reactions.

Portanto, a primeira coisa que você precisará fazer é instalar e ativar o plug-in Da Reactions. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

Para este tutorial, usaremos a versão gratuita do plug-in. No entanto, há também uma versão premium que acrescenta recursos adicionais, como ferramentas de análise e integração com o BuddyPress. Você pode comprar a versão profissional no painel do plug-in, na seção “Upgrade”.

O Da Reactions foi projetado para funcionar imediatamente, o que significa que você pode começar a usá-lo imediatamente após a instalação, sem instalação ou configuração.

Basta ativar o plug-in e você verá os botões de reação do Da Reactions em ação na parte inferior de cada post e página. Aqui está um exemplo de nosso post de demonstração:

Da Reactions' buttons on a demo post

Personalização dos botões de reação do WordPress

Para personalizar os botões de reações, você precisa ir para Reactions ” Reactions manager (Reações ” Gerenciador de reações ) no painel do WordPress.

Aqui, você encontrará os 6 emojis de reação padrão com seus rótulos de dica de ferramenta personalizáveis.

Reactions manager in Da Reactions

Para reordenar os botões, basta arrastar o ícone de hambúrguer da coluna “Sort” para cima ou para baixo.

Por exemplo, movemos o botão “Love” para a primeira posição.

The Love button moved up to first position

Agora, achamos o rótulo “Ah Ah” um pouco estranho, por isso vamos alterá-lo.

Para fazer isso, basta digitar a nova cópia no respectivo campo “Label” (Rótulo).

Editing Da Reactions' labels

Se quiser adicionar um novo emoji, você pode clicar no botão “Adicionar novo” no final da lista.

Depois de fazer isso, o Da Reactions adicionará um ícone de reação aleatória à lista. Em seguida, você deverá clicar no ícone para abrir o painel de opções.

Adding new reaction button in Da Reactions

Basta selecionar um ícone para adicionar à lista. Depois disso, você pode clicar no botão “X” para fechar o painel de opções de ícones.

Agora, é hora de alterar a cor e o rótulo do novo ícone.

Para alterar a cor do ícone, você precisará clicar no botão do retângulo verde. Isso abrirá a ferramenta de seleção de cores.

A partir daí, você pode mover o mouse para encontrar a cor perfeita para seu novo ícone.

Changing icon's color in Da Reactions

Em seguida, você pode alterar o rótulo padrão “Reaction” (Reação) com sua própria cópia. Por exemplo, rotulamos o nosso como “Amazing stuff!” (Coisas incríveis!).

Basicamente, isso é tudo o que você precisa saber para personalizar seus botões de reação com o Da Reactions. Em seguida, você pode reordenar os ícones, alterar as cores ou editar todos os rótulos.

Da Reactions customization done

Quando estiver satisfeito com a aparência, não se esqueça de clicar no botão “Save Changes” (Salvar alterações) para manter seu progresso.

Se você visitar sua postagem no WordPress, verá os botões de reação renovados:

Customized Da Reactions buttons on a live website

As configurações padrão do Da Reactions adicionam automaticamente botões de reação às suas postagens, comentários, páginas individuais e postagens do WordPress. No entanto, você tem opções adicionais de onde pode adicionar esses botões de reação.

Para fazer isso, navegue até Reações Configurações gerais no painel do WordPress.

Nessa área, você pode marcar as caixas em que deseja adicionar botões de reação. Por exemplo, você pode adicioná-los aos seus arquivos de mídia.

Checking the media options in Da Reactions

Na parte inferior da tela, você verá o campo “Use different colors for chart widgets?”. Isso permite que você altere o esquema de cores de seus botões de reação.

Basta expandir o menu suspenso e clicar na opção que lhe interessa, como “Usar cores geradas aleatoriamente”.

Checking the random color option in Da Reactions

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

Esta é a aparência em nossa página de demonstração “Gallery”:

Da Reactions buttons on media files

Na seção “Graphic settings” (Configurações gráficas), você pode encontrar mais opções de personalização para:

  • Alterar o tamanho do ícone para garantir que ele seja compatível com dispositivos móveis.
  • Escolha de um alinhamento de widget para garantir que o botão de reação fique visível para o público-alvo.
  • Exibir ou ocultar contagens de reações e muito mais.

Você também pode escrever uma linha curta de cópia a ser exibida antes dos botões de reação.

Por exemplo, aqui, adicionamos uma pequena pergunta “O que você achou desta postagem?” para convidar os visitantes a darem suas reações.

Adding a question before reaction buttons

Depois disso, você pode clicar no botão “Salvar alterações”.

Parabéns, você personalizou com sucesso seus botões de reação do WordPress. Veja como eles podem ser exibidos em sua postagem:

Da Reactions buttons final look on the live website

Quando você clicar em um dos botões de reação, o respectivo emblema será atualizado com um novo total.

Você pode ver um exemplo abaixo.

Da Reactions buttons like counts on the live website

Se você visitar a seção “Lista de votos”, poderá ver todas as reações que suas postagens receberam.

Essa seção oferece informações valiosas sobre as preferências e os padrões de envolvimento dos seus leitores, o que pode ajudá-lo a adaptar suas futuras publicações para manter o público envolvido e melhorar a experiência do usuário.

Da Reactions' vote list section

Dica bônus: Leve o envolvimento do usuário para o próximo nível

Adicionar botões de reação é uma ótima maneira de aumentar a interação, mas a próxima etapa é monitorar como os usuários se envolvem com eles e com o restante do seu site.

Os botões de reação fornecem feedback rápido, mas combiná-los com uma ferramenta como o Google Analytics vai além. Essa combinação mostra como as reações se encaixam no quadro geral do comportamento do usuário, incluindo cliques, tempo gasto em uma página e conversões.

Com esses insights, você pode ajustar suas estratégias de conteúdo e design. Por exemplo, você pode descobrir quais posts do blog recebem mais reações e otimizá-los para gerar ainda mais engajamento.

Top posts and page report

Por fim, os botões de reação tornam seu site interativo, enquanto o rastreamento do envolvimento ajuda a entender e melhorar a experiência geral do usuário. Juntos, eles são uma combinação vencedora para criar um site WordPress que seu público vai adorar.

Sabemos que navegar pelo Google Analytics pode ser complicado. É por isso que sempre recomendamos o uso do MonsterInsights, o melhor plug-in de análise para WordPress.

Para obter instruções detalhadas, consulte nosso guia sobre como rastrear o envolvimento do usuário no WordPress com o Google Analytics.

Esperamos que este tutorial tenha ajudado você a aprender como adicionar botões de reação do WordPress para aumentar o envolvimento em seu site. Em seguida, talvez queira aprender outro truque interessante de UX para criar salas de bate-papo no WordPress para seus usuários ou nossa lista de especialistas das melhores perguntas de feedback de experiência do usuário para fazer aos visitantes do 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.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

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.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

13 ComentáriosLeave a Reply

  1. Lise Tyrrell

    It’s a great idea and I was about to upload the plugin…but it hasn’t been updated in 6 months! That’s usually a no no for me. I wish you would use updated plugins.

  2. Seth Riley

    This is something that interests me. This might help to increase the user engagement on my website and hopefully it would drive more traffic eventually. Thank you for sharing! I’ll check it out!

  3. David Steele

    Lacks specific instruction for downloading Post Reaction. I found it, clicked Download and then opened the downloaded material. Nothing in the folder executes an install. There are instructions telling you where to install it but I couldn’t get that far. Help?

  4. WPBeginner Staff

    On contrary, writing comments takes more time, and sometimes users feel they simply don’t have anything to add to the post and move on to next activity.

    Post reactions allow them to provide feedback without going into the discussion mode. People who have something to say will say it because reactions simply doesn’t cover what they have to say. Basically it will increase the overall user engagement on your site.

  5. Hariesh Manaadiar

    Would’nt reaction buttons reduce the number of comments on a blog..?? People might just decide to click a button instead of writing something..

    • Isaías Subero

      I don’t think it does. This is a small independent developed plugin and Google and other search engines are not likely to index this interactions as a key indicator of the quality of the content. Maybe the Facebook Like button at the end of the post would be considered as a engagement measure by Google.

  6. Chad Haatvedt

    It’s a bit ironic that this post does not include reaction buttons to get feedback for the author. :-)

  7. Ahmad Imran

    Definitely something worth considering. I was thinking of introducing the same reactions and engagement but through simple form embedment at the end of the post.

    Thanks for sharing the info. I will have a look at it.

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.