Botón de WhatsApp para página web y chat en vivo con un solo código.

Botón de WhatsApp o chat en vivo: cuál poner en tu página web

Un botón flotante de WhatsApp es un ícono fijo en una esquina de tu página: al tocarlo, se abre WhatsApp con tu número y, si quieres, con un mensaje ya escrito. Un chat en vivo, en cambio, es una ventana de conversación dentro de la misma página: el visitante escribe sin salir del sitio y sin abrir WhatsApp.

Los dos sirven, para cosas distintas. Con Omniia no tienes que elegir: el mismo código pone uno, el otro o los dos.

Cómo funciona el chat web de Omniia

El chat web es un canal más dentro de Omniia. Lo creas en Canales → Nuevo canal → Chat web, configuras cómo se ve y copias un código de una línea. Todo lo que el visitante escribe entra a la bandeja unificada como cualquier otro canal: lo atienden tus flujos o tu agente de IA, se asigna a un departamento, se mide con el SLA y respeta los horarios. Las respuestas de tu equipo le aparecen al visitante con el nombre de pila del asesor.

Lo que puedes configurar:

• Título, saludo y texto del botón. El saludo es el primer mensaje que ve el visitante. Sin texto, el botón queda solo con el ícono.
• Color y posición: abajo a la derecha o abajo a la izquierda, para que no tape otro botón de tu sitio.
• Datos que se piden antes de chatear: nombre, correo y celular, cada uno obligatorio, opcional o sin pedir. Por defecto el nombre es obligatorio y el correo, opcional.
• Botón de WhatsApp: tu número con indicativo y un mensaje inicial opcional, por ejemplo “Hola, vengo de la página web”.
• Dominios donde se muestra: si escribes tu dominio, el chat solo aparece en tu sitio y sus subdominios.
• Política de privacidad: si pegas el enlace, el formulario muestra el aviso de tratamiento de datos.

Si apagas Chat en la página y dejas activo el botón de WhatsApp, en tu sitio queda solo el botón verde, que lleva directo a WhatsApp.

Detalles que se notan en el uso

• Si tu bot responde con un menú numerado (“1. Ventas”, “2. Soporte”), el visitante ve las opciones como botones para tocar.
• Tu equipo puede enviarle imágenes y documentos; el visitante escribe texto.
• Con la ventana cerrada, el botón muestra cuántas respuestas nuevas tiene el visitante.
• El chat no cambia los estilos de tu página ni choca con ellos.
• Si el visitante deja un correo que ya está en la ficha de un contacto, la conversación se une a ese contacto, y el celular que escribe queda guardado en su ficha.

Cómo poner el botón de WhatsApp en tu página web, paso a paso

1. 1En Omniia, entra a Canales → Nuevo canal → Chat web y ponle un nombre que tu equipo reconozca, por ejemplo “Chat del sitio”.
2. 2Elige el departamento que va a atender esos chats.
3. 3Configura el título (por ejemplo, “Escríbenos”), el saludo, el color y los datos que vas a pedir. Si quieres el botón de WhatsApp, actívalo y escribe tu número con indicativo: para un celular colombiano, 57 y los 10 dígitos.
4. 4Guarda el canal. Ahí aparecen el código para tu sitio y el enlace Ver cómo queda, que lo muestra en una página de ejemplo. Lo que escribas en esa prueba entra de verdad a tu bandeja.
5. 5Copia el código y pégalo antes de la etiqueta </body> en las páginas donde lo quieras, o una sola vez en el pie de página común de tu sitio.
6. 6Escribe un mensaje de prueba desde tu celular y otro desde el computador, y revisa que lleguen al departamento correcto.

Si tu sitio lo administra otra persona, mándale el código: es una sola línea y no necesita nada más.

Si solo necesitas un enlace de WhatsApp

El botón de WhatsApp de Omniia usa un enlace wa.me con tu número. Si lo que necesitas es solo ese enlace (para la firma del correo, un anuncio o un mensaje), créalo gratis con el generador de link de WhatsApp; y si es para un afiche o una vitrina, con el generador de QR de WhatsApp. Ten en cuenta que esos chats llegan a Omniia solo si el número está conectado como canal, por QR o por la API oficial.

Ejemplo: hotel en Santa Marta

El hotel pone el chat en su página de habitaciones, con el botón de WhatsApp al lado. Quien cotiza desde el computador de la oficina escribe en el chat; quien está en el celular prefiere tocar el botón verde y seguir por WhatsApp. Los dos casos llegan a la misma bandeja: el chat web como canal propio y el WhatsApp por el número del hotel, que también está conectado. De noche, un chatbot para WhatsApp armado en el editor de flujos responde las preguntas de siempre (horas de entrada y salida, parqueadero) y deja los datos para que el equipo de reservas escriba en la mañana. Más ideas para el sector en WhatsApp para hoteles.

Datos personales en el formulario del chat

Si pides nombre, correo o celular, estás recogiendo datos personales, y en Colombia eso exige cumplir las normas de protección de datos. Pega el enlace a tu política de privacidad en la configuración del chat para que el formulario muestre el aviso antes de empezar. Te contamos qué tener en cuenta en habeas data y WhatsApp.