Hace poco un cliente me pidió implementar algo curioso: un sistema de reacciones tipo corazones de Instagram Live o likes de las historias de Facebook, pero no para transmisiones o redes sociales, sino para sus entradas de blog en WordPress.
El objetivo era permitir que los usuarios pudieran enviar tantos corazones como quisieran a cada artículo, sin restricciones por IP o navegador, y con un contador que subiera en tiempo real. Algo mucho más dinámico que el clásico “Me gusta” limitado a una sola vez.
¿Cómo funcionan los corazones de Instagram Live?
En las transmisiones en vivo de Instagram o Facebook, los usuarios pueden enviar corazones y reaciones sin límite. Es una forma de medir el entusiasmo o interacción emocional del público mientras el contenido está activo.
Inspirado en esta funcionalidad, mi cliente decidió traer esa misma idea al blog: los lectores pueden «mandar amor» tantas veces como quieran mientras leen un artículo.
¿Cómo lo implementé en WordPress?
Opté por un sistema sencillo pero eficiente usando:
- AJAX para actualizar el contador en tiempo real.
- post_meta para guardar la cantidad total de corazones en la base de datos.
- Un botón estilizado con forma de corazón y una animación visual que recuerda a los corazones flotantes de Instagram.
Características clave que incluí:
- Clics ilimitados por sesión o visitante.
- Corazones que flotan hacia arriba cada vez que alguien hace clic.
- Contador global que sube de forma animada.
- Todo integrado directamente en el tema de WordPress, sin plugins.
¿Esto puede saturar la base de datos?
Es una duda que me hizo el cliente y es completamente lógica.
La respuesta es no. Cada post guarda el número de corazones en un solo campo personalizado (post meta), es decir:
meta_key: hearts_count | meta_value: 23000Lenguaje del código: HTTP (http)Aunque un post acumule 1 millón de corazones, el valor se guarda como un simple número entero en la tabla wp_postmeta, sin generar miles de registros.
El sistema solo hace un update de ese campo cada vez que alguien manda un corazón.
¿Dónde puede haber carga?
- Si tienes cientos o miles de usuarios simultáneos enviando corazones sin parar (como en un evento en vivo), las peticiones AJAX pueden acumularse y generar carga en el servidor.
- Sin embargo, para un blog con tráfico normal, el impacto es mínimo.
Resultado final
El cliente quedó encantado. Ahora, al final de cada entrada del blog, aparece una caja que dice:
«¿Te ha resultado útil este contenido? Demuéstralo con corazones.»
Y justo debajo, un gran botón ❤️ que puede ser clicado tantas veces como el lector quiera.
Cada clic lanza un corazón flotante que sube hacia arriba (como en Instagram) y el contador global sube de manera progresiva.
Puedes probar el sistema en esta entrada demo.
El siguiente código tienes que agregarlo en el functions.php de tu tema hijo o utilizar un plugin como CODE SNIPPETS. También puedes crear tu propio plugin con unos simples pasos.
🔐 Este contenido es solo para suscriptores premium.
Conclusión
Este tipo de funcionalidades no solo hacen más divertida la interacción, también te ayudan a medir la implicación emocional de los lectores.
Si alguna vez has querido tener un sistema de reacciones como los de las redes sociales pero aplicado a tu propio WordPress, este es un ejemplo práctico de cómo llevarlo a cabo sin plugins pesados y manteniendo la web optimizada.
Estos códigos de la zona premium se mantienen regularmente. Si usas un código y no te funciona correctamente, puedes abrir un ticket de soporte explicando los detalles y lo vemos.
¿Tienes alguna duda o sugerencia? Déjala en los comentarios.