Como Agregar un Boton de WhatsApp en Blogger Paso a Paso

Aprende como agregar un boton de WhatsApp en Blogger paso a paso. Facilita el contacto con tus visitantes y mejora la conversion de tu sitio web.

Como Agregar un Boton de WhatsApp en Blogger

Ultima actualizacion: 16 de diciembre de 2025

Agregar un boton de WhatsApp en tu blog de Blogger es una excelente forma de permitir que tus visitantes se comuniquen contigo de manera rapida y directa. Esto mejora la experiencia del usuario y puede aumentar consultas y conversiones.

---

Paso 1: Accede a tu cuenta de Blogger

1. Inicia sesion en tu cuenta de Blogger.
2. Selecciona el blog donde deseas agregar el boton de WhatsApp.

---

Paso 2: Accede a la seccion Diseno

1. En el panel izquierdo, haz clic en Diseno.
2. Elige el area donde deseas agregar el boton, como la barra lateral o el pie de pagina.

---

Paso 3: Agregar un gadget HTML o JavaScript

1. Haz clic en Anadir un gadget.
2. Selecciona la opcion HTML o JavaScript.

---

Paso 4: Agregar el codigo del boton de WhatsApp

En el campo contenido pega el siguiente codigo. Reemplaza YOUR_PHONE_NUMBER por tu numero en formato internacional. Ejemplo para Chile: 56912345678

<a href="https://api.whatsapp.com/send?phone=YOUR_PHONE_NUMBER" target="_blank">
  <img src="https://img.icons8.com/color/48/000000/whatsapp.png" alt="WhatsApp" />
  Contactanos por WhatsApp
</a>
  

---

Paso 5: Guardar el gadget

1. Haz clic en Guardar.
2. Ubica el gadget en la posicion que desees dentro del diseno.

---

Paso 6: Verifica tu blog

1. Abre tu blog en una nueva pestana.
2. Comprueba que el boton de WhatsApp se vea correctamente y funcione.

---

Paso 7: Personaliza el boton (opcional)

Si deseas un boton mas atractivo, puedes usar el siguiente codigo con estilo CSS.

<style>
.whatsapp-button {
  display: flex;
  align-items: center;
  background-color: #25d366;
  color: #ffffff;
  padding: 10px 14px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
}
.whatsapp-button img {
  margin-right: 10px;
}
</style>

<a class="whatsapp-button"
   href="https://api.whatsapp.com/send?phone=YOUR_PHONE_NUMBER"
   target="_blank">
  <img src="https://img.icons8.com/color/48/000000/whatsapp.png" alt="WhatsApp" />
  Contactanos por WhatsApp
</a>
  

Este estilo crea un boton visible, profesional y facil de identificar para tus visitantes.

---

Conclusion

Siguiendo estos pasos, habras agregado correctamente un boton de WhatsApp en tu blog de Blogger, facilitando el contacto directo con tus visitantes y mejorando la comunicacion.

Integrar herramientas simples como WhatsApp complementa cualquier estrategia de posicionamiento web organico en Chile.

criptomonedas123