Canales de atención
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
<script src="https://code.jquery.com/jquery-3.6.0.slim.js"></script>
<script type="text/javascript" src="https://app.asisteclick.com/tools/whatsapp/widget/floating-wpp.min.js"></script>
<link rel="stylesheet" href="https://app.asisteclick.com/tools/whatsapp/widget/floating-wpp.min.css">
<div id="AsisteClickWhatsAppWidget"></div>
<script src="https://code.jquery.com/jquery-3.6.0.slim.js"></script>
<script type="text/javascript" src="https://app.asisteclick.com/tools/whatsapp/widget/floating-wpp.min.js"></script>
<link rel="stylesheet" href="https://app.asisteclick.com/tools/whatsapp/widget/floating-wpp.min.css">
<div id="AsisteClickWhatsAppWidget"></div>
﻿
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
$('#AsisteClickWhatsAppWidget').floatingWhatsApp({
  phone: '5491170052719',
  position: 'right',
  size: '60px',
  showPopup: false,
  headerTitle: 'Hacenos tu consulta',
  popupMessage: 'Hola! ¿Cómo puedo ayudarte?',
  message: ""
});
$('#AsisteClickWhatsAppWidget').floatingWhatsApp({
  phone: '5491170052719',
  position: 'right',
  size: '60px',
  showPopup: false,
  headerTitle: 'Hacenos tu consulta',
  popupMessage: 'Hola! ¿Cómo puedo ayudarte?',
  message: ""
});
﻿
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
﻿
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.
﻿
﻿
Solicitar plantillas con Savitar
Facebook