Agregar un botón de WhatsApp en tu Blogger

Añade un botón de WhatsApp en tu Blogger para mejorar la comunicación con tus visitantes y optimizar el SEO de tu sitio web. #WhatsAppBlogger #SEO

Es una excelente manera de permitir que tus visitantes se comuniquen contigo fácilmente. Aquí te dejo una guía paso a paso para agregar un botón de WhatsApp en tu Blogger:

Paso 1: Accede a tu cuenta de Blogger

1. Inicia sesión en tu cuenta de Blogger.
2. Selecciona el blog donde deseas agregar el botón de WhatsApp.

2: Accede a la sección de Diseño

1. En el panel izquierdo, haz clic en "Diseño".
2. En la sección de Diseño, decide en qué área del blog deseas agregar el botón de WhatsApp (por ejemplo, en la barra lateral o en el pie de página).

<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" />

    Contáctanos por WhatsApp

</a>

3: Agregar un Gadget de HTML/JavaScript

1. Haz clic en "Añadir un gadget" en la sección donde deseas agregar el botón.
2. En la ventana emergente, busca y selecciona "HTML/JavaScript".

4: Agregar el código del botón de WhatsApp

1. En el campo "Título", puedes escribir algo como "Contáctanos por WhatsApp" (esto es opcional).
2. En el campo "Contenido", pega el siguiente código HTML. Asegúrate de reemplazar YOUR_PHONE_NUMBER con tu número de teléfono en formato internacional (ejemplo: 521234567890).

5: Guarda el Gadget

1. Haz clic en "Guardar" para guardar el gadget.
2. Arrastra el gadget a la posición deseada si es necesario.

6: Verifica tu blog

1. Abre tu blog en una nueva pestaña o ventana.
2. Verifica que el botón de WhatsApp se vea correctamente y que el enlace funcione, redirigiéndote a una conversación de WhatsApp con tu número de teléfono.

7: Personaliza el botón (opcional)

Puedes personalizar el botón cambiando la imagen o el estilo del enlace. Aquí tienes un ejemplo con un estilo CSS personalizado:

<style>

  .whatsapp-button {

      display: flex;

      align-items: center;

      background-color: #25d366;

      color: white;

      padding: 10px;

      border-radius: 5px;

      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" />

    Contáctanos por WhatsApp

</a>

Este código te dará un botón más estilizado y atractivo para tus visitantes.

Conclusión

Siguiendo estos pasos, habrás agregado con éxito un botón de WhatsApp a tu blog en Blogger, facilitando que tus visitantes se pongan en contacto contigo de manera rápida y sencilla.

Posicionamiento Web Orgánico en Chile.