Upnify Suite
← Regresar al producto

CRM · Integraciones

Cómo instalar el widget de WhatsApp o Messenger en un sitio

Configura los canales de contacto en CRM, instala el código generado y comprueba qué experiencia recibe una persona visitante.

Ilustración editorial del widget de contacto de Upnify que presenta canales de atención en un sitio web.

Publicado el 27 de octubre de 2026

Un widget de contacto ayuda a que una persona que visita tu sitio pueda iniciar una conversación sin buscar cómo comunicarse con tu empresa. En Upnify CRM puedes configurar un botón flotante con los canales que tu cuenta tenga disponibles y dirigir cada consulta al canal de atención elegido.

Cuándo te sirve: por ejemplo, puedes colocar el botón en la página de precios para que una persona interesada te escriba por WhatsApp y resuelva una duda antes de solicitar una demostración.
Diagrama conceptual del widget de contacto de Upnify que presenta canales de atención en un sitio web.
El sitio presenta los canales configurados; la persona visitante elige cómo continuar.

Antes de empezar

  • Necesitas permiso para administrar las integraciones de CRM y para editar el código del sitio, o apoyo de quien lo administra.
  • Ten a la mano el número de atención de WhatsApp con su clave de país. Para la opción de Facebook, prepara la URL de la página y su identificador.
  • El widget configura una vía de contacto. No sustituye la conexión de WhatsApp Business Platform, las plantillas verificadas de Meta ni una campaña de mensajes.

Configura el widget en CRM

  1. Abre CRM > Ajustes > Integraciones > API y agrega una integración del tipo Chat.
  2. En la configuración general, asigna un nombre que identifique el sitio, como Widget página principal. Define la fase, el origen, las etiquetas y el responsable que deben aplicarse a los contactos que lleguen por este canal, según las opciones disponibles.
  3. Configura el idioma, la posición del botón, el saludo y el texto que aparecerá en el cuadro de mensaje. Puedes indicar el nombre y la imagen de la persona o equipo que atenderá.
  4. Activa WhatsApp e indica el móvil de atención con el formato que muestra el formulario. Si habilitas Facebook, completa la dirección de la página y el ID de Facebook solicitado.
  5. Guarda la integración. CRM presentará el código del widget. Usa la opción de copiar y conserva el fragmento completo.
Configuración general del widget de chat en CRM con fase, origen, etiqueta y responsable.
La configuración general determina cómo se identifican y asignan los contactos que llegan desde el sitio.

Instálalo y comprueba el recorrido

  1. Pide a la persona responsable del sitio que inserte el código generado una sola vez en las páginas donde quieras mostrar el botón, siguiendo el punto de instalación indicado por el administrador del sitio.
  2. Publica primero en una página de prueba o realiza la revisión en una ventana privada. Comprueba que el botón aparezca en la posición elegida y que el saludo sea legible tanto en móvil como en computadora.
  3. Abre cada canal. En WhatsApp, confirma que abre el número correcto. En Messenger, comprueba que abre los mensajes directos de la página. Son accesos a conversaciones; no envían formularios de captación.
  4. Si usas Messenger, verifica el flujo completo desde una ventana privada y desde un dispositivo móvil antes de anunciarlo.
Messenger y los formularios de Facebook son funciones distintas: el botón Click to Chat facilita que la persona visitante abra una conversación por mensaje directo con la página de la marca. No abre ni envía un formulario de contacto de Facebook o de Facebook Lead Ads. Si quieres captar las respuestas de un formulario de anuncio como prospectos en CRM, configura la integración de Facebook Lead Ads por separado. Abrir un chat y enviar un formulario son acciones diferentes.
Configuración de Messenger en el widget: saludo, texto inicial y datos de la página.
Al activar Facebook se muestran los campos de Messenger; esta opción dirige a mensajes directos de la página.

Para un enlace directo de WhatsApp, la documentación oficial indica usar un número completo en formato internacional, sin signos, paréntesis ni guiones: cómo usar “clic para chatear” de WhatsApp.

Ejemplo y solución de problemas

Una empresa coloca el widget en su página de servicios. Configura WhatsApp como canal, un saludo breve y el origen Sitio web. Antes de publicar la campaña, el equipo hace una prueba desde un teléfono que no tiene guardado el número y confirma que el mensaje se dirige a atención comercial.

  • No aparece el botón: confirma que el código esté completo, que la integración se haya guardado y que el sitio no esté bloqueando el script.
  • El canal abre otro destino: revisa el número, URL de la página o ID capturado en CRM.
  • El contacto llega con datos distintos: valida la fase, origen, etiquetas y responsable definidos en la integración.
  • No lograste abrir la conversación de Messenger: confirma que la página y su identificador sean correctos y prueba desde un móvil y una ventana privada. Este botón debe llevar a los mensajes directos; no envía formularios de Lead Ads.

Si necesitas insertar un formulario propio en la página, consulta Cómo generar e instalar un formulario HTML de Upnify.