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

Cómo añadir botones de reacción en WordPress para aumentar la participación

Aumentar la participación de los usuarios en su sitio web es importante para conseguir que los visitantes se queden. Una forma rápida de hacerlo es añadir botones de reacción a tu blog de WordPress.

Los botones de reacción permiten a sus lectores compartir sus opiniones con sólo hacer clic. No tienen que escribir un comentario.

Este sencillo complemento puede hacer que su blog de WordPress sea más interactivo. Además, le ofrece respuestas / comentarios / opiniones al instante.

En este artículo, le guiaremos sobre cómo añadir estos prácticos botones a su sitio de WordPress.

How to Add WordPress Reaction Buttons to Boost Engagement

¿Por qué añadir botones de reacción en WordPress?

Los botones de reacción te ayudan a impulsar la participación de los usuarios en tu blog de WordPress. porque no todos los usuarios tienen tiempo o confianza para dejar un comentario.

Por eso, los sitios web de medios sociales más populares, como Facebook, utilizan el botón “Me gusta” y otros botones de “Reacción” para aumentar la participación. Si aún no lo has hecho, puedes añadir un botón “Me gusta” de Facebook a tus entradas.

Facebook Lets Users React to Posts With the Like Button

Añadir botones de reacción en WordPress puede fomentar una mayor interacción en su sitio. Estos botones permiten a los usuarios participar en las entradas con sólo hacer clic.

Con esto en mente, veamos cómo añadir este tipo de botón de reacción a su sitio WordPress.

Cómo añadir botones de reacción en WordPress

Para añadir botones de reacción a su sitio WordPress, puede utilizar plugins como Da Reactions.

Lo primero que tienes que hacer es instalar y activar el plugin Da Reactions. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Para este tutorial, utilizaremos la versión gratuita del plugin. Pero también existe una versión premium que añade características adicionales como herramientas de análisis e integración con BuddyPress. Puedes comprar la versión pro dentro del dashboard del plugin en la sección ‘Actualización’.

Da Reactions está diseñado para funcionar nada más sacarlo de la caja, lo que significa que puede empezar a utilizarlo inmediatamente después de instalarlo, sin necesidad de configuración.

Sólo tienes que activar el plugin, y verás los botones de reacción de Da Reactions en acción en la parte inferior de cada entrada y página. Aquí tienes un ejemplo de nuestra entrada de demostración:

Da Reactions' buttons on a demo post

Personalización de los botones de reacción de WordPress

Para personalizar sus botones de reacciones, debe ir a Reacciones ” Gestor de reacciones desde su escritorio de WordPress.

Aquí encontrará los 6 emojis de reacción por defecto con sus etiquetas de información emergente personalizables.

Reactions manager in Da Reactions

Para reordenar los botones, basta con arrastrar el icono de hamburguesa de la columna “Ordenar” hacia arriba o hacia abajo.

Por ejemplo, hemos movido el botón “Amor” a la primera posición.

The Love button moved up to first position

La etiqueta ‘Ah Ah’ nos parecía un poco incómoda, así que vamos a cambiarla.

Para ello, basta con escribir la nueva copia en el campo “Etiqueta” correspondiente.

Editing Da Reactions' labels

Si quieres añadir un nuevo emoji, puedes hacer clic en el botón “Añadir nuevo” al final de la lista.

Una vez hecho esto, Da Reactions añadirá un icono de reacción aleatoria a la ficha. Entonces querrás hacer clic en el icono para abrir el panel de opciones.

Adding new reaction button in Da Reactions

Sólo tienes que seleccionar un icono para añadirlo a la ficha. Después, puede hacer clic en el botón “X” para cerrar el panel de opciones de iconos.

Ahora es el momento de cambiar el color y la etiqueta del nuevo icono.

Para cambiar el color del icono, tendrás que hacer clic en el botón del rectángulo verde. Se abrirá la herramienta de selección de color.

A partir de aquí, puedes moverte con el ratón para encontrar el color perfecto para tu nuevo icono.

Changing icon's color in Da Reactions

A continuación, puedes cambiar la etiqueta “Reacción” por defecto con tu propia copia. Por ejemplo, nosotros etiquetamos la nuestra como “¡Alucinante!

Básicamente, eso es todo lo que necesitas saber para personalizar tus botones de reacción con Da Reactions. Después puedes jugar a reordenar los iconos, cambiar los colores o editar todas las etiquetas.

Da Reactions customization done

Cuando estés satisfecho con el resultado, no olvides hacer clic en el botón “Guardar cambios” para mantener el progreso.

Si visitas tu entrada de WordPress, ahora verás los renovados botones de reacción:

Customized Da Reactions buttons on a live website

Los ajustes por defecto de Da Reactions añaden automáticamente botones de reacción a tus entradas, comentarios y páginas individuales de WordPress. Sin embargo, dispone de opciones adicionales para añadir estos botones de reacción.

Para hacer esto, usted querrá navegar a Reacciones Ajustes generales desde su escritorio de WordPress.

En esta área, puede marcar las casillas en las que desee añadir botones de reacción. Por ejemplo, puede añadirlos a sus archivos de medios.

Checking the media options in Da Reactions

En la parte inferior de la pantalla, verá el campo “¿Utilizar diferentes colores para los widgets de gráfico?”. Esto le permite cambiar la combinación de colores de los botones de reacción.

Sólo tiene que desplegar el menú desplegable y hacer clic en la opción que le interese, como “Usar colores generados aleatoriamente”.

Checking the random color option in Da Reactions

Una vez hecho esto, sigue adelante y haz clic en el botón “Guardar cambios” para guardar tus ajustes.

Este es el aspecto que tiene en nuestra página “Galería” de demostración:

Da Reactions buttons on media files

En la sección “Ajustes gráficos” encontrará más opciones de personalización para:

  • Cambiar el tamaño del icono para que sea apto para móviles.
  • Elección de la alineación del widget para garantizar que el botón de reacción sea visible para el público.
  • Mostrar u ocultar los recuentos de reacciones, y mucho más.

También puede escribir una breve línea de texto antes de los botones de reacción.

Por ejemplo, aquí hemos añadido una pequeña pregunta del tipo “¿Qué te parece esta entrada?” para invitar a los visitantes a dar su opinión.

Adding a question before reaction buttons

Una vez hecho esto, puedes hacer clic en el botón “Guardar cambios”.

Enhorabuena, ya ha personalizado correctamente los botones de reacción de WordPress. Esto es lo que podría parecer en su entrada:

Da Reactions buttons final look on the live website

Al hacer clic en uno de los botones de reacción, su acreditación / insignia / distinción se actualizará con un nuevo total.

Puede ver un ejemplo a continuación.

Da Reactions buttons like counts on the live website

Si visitas la sección “Lista de votos”, podrás ver todas las reacciones que han recibido tus entradas.

Esta sección ofrece información valiosa sobre las preferencias y patrones de participación de sus lectores, lo que puede ayudarle a adaptar sus futuras entradas para mantener la participación de su público y mejorar la experiencia del usuario.

Da Reactions' vote list section

Esperamos que este tutorial te haya ayudado a aprender cómo añadir botones de reacción en WordPress para aumentar la participación en tu sitio. A continuación, es posible que desee aprender otro truco UX fresco para la creación de salas de chat en WordPress para sus usuarios o nuestra lista de las mejores preguntas de respuesta de experiencia de usuario para pedir a los visitantes del sitio web.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso 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.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

13 comentariosDeja una respuesta

  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.

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.