Cómo Agregar un Botón de WhatsApp a Tu Blog

 Si tienes un blog en Blogger y quieres comunicarte más fácilmente con tus lectores o potenciales clientes, agregar un botón de WhatsApp es una excelente idea. Te permite recibir mensajes directos en segundos, mejorar tu atención al público y aumentar conversiones.

Lo mejor: puedes hacerlo sin conocimientos técnicos, en solo unos pasos. Aquí te explicamos cómo agregar un botón de WhatsApp usando un bloque HTML simple.

Cómo Agregar un Botón de WhatsApp a Tu Blog



✅ ¿Por Qué Usar WhatsApp en Tu Blog?

WhatsApp es una de las herramientas más efectivas para conectar con tu audiencia en tiempo real. Incluir un botón en tu blog:

🔹 Aumenta la confianza y cercanía con tus lectores.
🔹 Mejora el soporte o atención al cliente.
🔹 Incrementa las conversiones en ventas o consultas.
🔹 Funciona tanto en computadoras como en celulares.

🧰 Qué Necesitas

  • Un blog activo en Blogger
  • Tu número de WhatsApp con código de país (ejemplo: +56 9 9626 1186 sin signos, solo números → 56996261186)

✍️ Cómo Agregar WhatsApp con un Bloque HTML

Sigue estos pasos simples:

1. Entra a tu Blogger

Ve a https://www.blogger.com e inicia sesión.

2. Selecciona tu blog y haz clic en Diseño

3. Elige dónde agregar el botón

Haz clic en “Añadir un gadget” en la sección donde lo quieras mostrar (barra lateral, pie de página, etc.).

4. Selecciona el gadget tipo HTML/Javascript

5. Pega este código:

<!-- Botón de WhatsApp para Blogger -->
<a href="https://wa.me/TUNUMERO" target="_blank">
  <img src="https://img.icons8.com/color/48/000000/whatsapp--v1.png" alt="WhatsApp" />
  Chatea con nosotros
</a>

6. Guarda los cambios

Haz clic en “Guardar” y luego en “Guardar disposición” arriba a la derecha.


👀 ¿Qué Verás?

Aparecerá un ícono de WhatsApp con texto como “Chatea con nosotros” en el área que elegiste. Al hacer clic, abrirá automáticamente un chat en WhatsApp con el número que agregaste.


💡 Tip Extra: Personaliza el Mensaje de Inicio

Puedes agregar un mensaje predeterminado para que el usuario lo vea al abrir el chat. Ejemplo:

<a href="https://wa.me/56996261186?text=Hola%2C%20quiero%20más%20información%20sobre%20tu%20blog" target="_blank">

  <img src="https://img.icons8.com/color/48/000000/whatsapp--v1.png" alt="WhatsApp" />

  Escríbenos

</a>

Este código abrirá el chat con el mensaje:
“Hola, quiero más información sobre tu blog”


🚀 ¡Y Listo! Tu Blog Ahora Tiene WhatsApp

En solo unos minutos habrás conectado tu blog con una de las plataformas de mensajería más populares del mundo. Esto no solo mejora la experiencia de tus lectores, sino que te posiciona como un blogger cercano y profesional.

¿Quieres agregar un botón flotante que siempre esté visible en pantalla? Puedo ayudarte con eso también.



Publicar un comentario

0 Comentarios