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 reação do WordPress para aumentar o engajamento

Aumentar o envolvimento do usuário em seu site é importante para fazer com que os visitantes permaneçam nele. Uma maneira rápida de fazer isso é adicionar botões de reação ao seu blog do WordPress.

Os botões de reação permitem que seus leitores compartilhem suas opiniões com apenas um clique. Eles não precisam digitar um comentário.

Essa simples adição pode tornar seu blog WordPress mais interativo. Ele também fornece feedback instantâneo.

Neste artigo, vamos orientá-lo sobre como adicionar esses botões úteis ao seu site WordPress.

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 o fez, você pode adicionar 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. Mas 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 pro 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

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 sobre como criar salas de bate-papo no WordPress para seus usuários ou nossa lista 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.

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

14 ComentáriosDeixe uma resposta

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. 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.

  3. 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!

  4. 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?

  5. 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.

  6. 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.

  7. Chad Haatvedt

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

  8. 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.

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.