fbpx

Cómo agregar el botón de WhatsApp a tu web en HTML.

Cómo agregar el botón de WhatsApp a mi página web.

WhatsApp para páginas en HTML

Te dejo el código listo para incorporar el botón de WhatsApp a tu web y así poder estar en contacto mucho más fácil con tus clientes.

Una parte va antes del cierre de la etiqueta HEAD y otra parte en la etiqueta BODY.
¡El código es muy simple!

Recordá cambiar los datos como tu teléfono y el mensaje predeterminado.

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Acá poné el título de tu página HTML</title>

    <!-- WHATSAPP -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/>
    <link rel="stylesheet" type="text/css" href="https://giroldi.com.ar/files/estilos-whatsapp.css"/>
    <!-- FIN WHATSAPP -->

</head>

<body>
    <!-- BOTON WHATSAPP Tu tel con característica del país y zona. El ejemplo es Buenos Aires, Argentina (+54911)-->
    <a href="https://api.whatsapp.com/send?phone=5491122222222&text=Mensaje%20Personalizado%20Opcional!" class="whatsapp" target="_blank"> <i class="fa fa-whatsapp whatsapp-icon"></i></a>
</body>

WhatsApp en WORDPRESS

En el caso que tengas una web hecha con WordPress hay muchos plugins para incorporar el botón de WhatsApp a tu web. En esta página encontrarás el que usé yo. La verdad funciona muy bien.

El plugin se llama: Join.chat
Te dejo el link acá

Dejá un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Si!
1
Charlemos sobre tu proyecto >
Hola, preferís escribirme por WhatsApp?