Truco: Insertar un Botón de WhatsApp sin vueltas

Modificado el Dom., 4 Ene. a las 3:29 P. M.

Si querés que tus lectores te contacten directamente, podés sumar un botón de WhatsApp en cualquier parte de tu sitio (artículos, páginas o bloques HTML) usando este código simplificado.


Pasos para activarlo:

  1. Entrá al artículo o a la Maqueta de Bloques HTML donde quieras colocar el botón.

  2. Pegá el código usando la función de Insertar >Código fuente
    <div style="text-align: center; margin: 20px 0;">  <a href="https://wa.me/549XXXXXXXXXX" rel="noopener" target="_blank" style="text-decoration: none;">    <button style="background-color: #25d366; color: white; border: none; padding: 12px 25px; font-size: 18px; border-radius: 50px; cursor: pointer; font-weight: bold; display: inline-flex; align-items: center;">      Contactanos por WhatsApp    </button>  </a>
    </div>
    
  1. Personalizá tu número: Reemplazá el 549XXXXXXXXXX por tu número completo:

    • Incluí el código de país (ejemplo: 54 para Argentina).

    • Incluí el código de área.

    • No pongas el símbolo +, ni espacios, ni guiones.

Tips de personalización:

  • Texto: Podés cambiar "Contactanos por WhatsApp" por cualquier otra frase como "Pedí tu presupuesto" o "Envianos tu denuncia".

  • Color: Si preferís otro color, cambiá #25d366 (verde WhatsApp) por el código hexadecimal de tu marca.

  • Ubicación: Si lo querés alineado a la izquierda o derecha, cambiá text-align: center; por left o right.

¿Le fue útil este artículo?

¡Qué bueno!

Gracias por sus comentarios

¡Sentimos mucho no haber sido de ayuda!

Gracias por sus comentarios

¡Díganos cómo podemos mejorar este artículo!

Seleccione al menos una de las razones
La verificación de CAPTCHA es obligatoria.

Comentarios enviados

Agradecemos su iniciativa, e intentaremos corregir el artículo