Canales de atención
WhatsApp

Código de botón

3min

El siguiente código tiene como objetivo mostrar el botón flotante de WhatsApp en una página web. Este botón flotante es una herramienta que permite a los usuarios de la página comunicarse de manera rápida y directa a través de WhatsApp. Al hacer clic en el botón, se abrirá una ventana de chat de WhatsApp con el número de teléfono especificado, lo que facilita la comunicación instantánea con el propietario o administrador del sitio web. Este código se puede agregar fácilmente a cualquier página web para proporcionar a los visitantes una forma conveniente de contactar al propietario del sitio a través de WhatsApp.

En la primera parte de la integración, es necesario definir en el HTML del sitio web la URL del script. Este paso es crucial para el correcto funcionamiento de la integración.

HTML


En la segunda parte de la integración, debes colocar el script propiamente dicho en el cual se configura el teléfono, la posición del botón y el tamaño del mismo. Aquí están los detalles de los parámetros:

  • Teléfono: '5491170052719' (reemplazar con el número de teléfono deseado)
  • Posición: 'derecha' o 'izquierda' (elegir la posición deseada para el botón)
  • Tamaño: 60px (establecer el tamaño del botón en 60 píxeles)
JS


El valor 'showPopup' en false hace que WhatsApp se abra al hacerle click el botón. Si el vlor es true, en cambio, con el click al botón se abre una pequeña ventana modal con la información detallada en las variables 'headerTitle', 'popupMessage'y 'message'.

Botón de WhatApp con modal previo al chat
Botón de WhatApp con modal previo al chat


headerTitle es el titulo del modal pre-chat ("Hacenos tu consulta").

popupMessage es un mensaje introductorio ("Hola! ¿Cómo puedo ayudarte?

message es un campo opcional donde podés ingresar el mensaje por default que enviría el cliente, como se ve en la imagen de abajo.

Document image