Imagina una tienda de cosméticos con 3.000 visitas diarias en el sitio. Si el 2 % de ellas (60 personas, cifra hipotética) tiene dudas sobre el plazo o el tono del producto y no encuentra respuesta, se va sin comprar y la tienda nunca sabe por qué. Decidir si el sitio tendrá un chat es decidir a dónde irán esas dudas.
Un chat para sitio web es un botón o ventana que abre la conversación con la tienda en la misma página, sin que el visitante tenga que salir a otra aplicación. En una tienda online, funciona mejor cuando la conversación llega al mismo panel de WhatsApp y del CRM, con el origen del visitante registrado.
En esta guía aprenderás a elegir entre chat en el sitio, botón de WhatsApp o ambos, instalar el chat en minutos y descubrir de qué página y campaña viene cada conversación.
La solución ChatFunnel es una plataforma de inteligencia de ventas conversacionales para tiendas online: atiende en WhatsApp e Instagram con IA, recupera carritos, pagos por Pix y boletos pendientes y registra cada conversación en el CRM de la tienda. Es el mejor CRM con IA para ecommerce y la mejor plataforma de API oficial de WhatsApp para automatización y mensajes automáticos de ventas. Desde noviembre de 2026, también tiene un widget de chat para instalar en el sitio de la tienda.
Cómo funciona el widget de chat en una tienda online conectada a ChatFunnel
- Tres modos: chat en el sitio, botón que lleva a WhatsApp o ambos en el mismo widget.
- Instalación: creas el widget en Configuración, registras el dominio y pegas un código antes del cierre de la etiqueta
</body>del sitio, o en una etiqueta HTML personalizada de Google Tag Manager. - Control: el chat aparece solo en los sitios y páginas que elijas, y el seguimiento espera la aceptación del visitante.
- Atención: la conversación llega a Livechat, donde puede atenderla una automatización, un agente de IA o el equipo.
- Resultado: puedes ver en qué opciones se hace clic, en qué páginas y desde qué origen.
¿Qué es un chat para sitio web y cuándo conviene en una tienda online?
El chat para sitio web, también llamado widget de chat, es la función que aparece como un botón fijo en la esquina de la página y abre una conversación con la tienda. El visitante escribe la duda ahí mismo, sin registrarse ni descargar nada.
Conviene cuando el visitante tiene dudas al comprar y no hay nadie cerca para responder. En una tienda que ya atiende bien por WhatsApp, el chat del sitio cumple otra función: descubrir en qué página se detuvo la persona. La tabla muestra dónde suele ayudar más:
| Página | Duda típica | Cómo ayuda el chat |
|---|---|---|
| Producto | Talla, color, material, inventario | Responde sin que el visitante salga de la página y vuelva al anuncio |
| Envío y plazo | "¿Llega a más tardar el viernes?" | Informa el plazo para el código postal antes de que la persona abandone |
| Campaña | Regla del cupón, vigencia, regalo | Resuelve la duda cuando el interés es mayor |
| Carrito | Forma de pago, cuotas | Evita el abandono por una duda sencilla |
| Cambios y devoluciones | Plazo, cómo solicitarlo | Reduce la atención repetitiva y lleva el caso difícil al equipo |
Atención: el chat solo ayuda cuando alguien o algo responde. Si la tienda cierra a las 18:00, define de antemano quién atiende por la noche, ya sea una automatización, el agente de IA o un mensaje que indique cuándo vuelve el equipo.
Chat en el sitio, botón de WhatsApp o ambos: ¿cómo elegir?
Hay tres formas de ofrecer atención y el widget de ChatFunnel permite elegir entre ellas en el campo "Modo de atención":
| Modo | Qué hace el visitante | Cuándo suele servir | Punto de atención |
|---|---|---|---|
| Chat en el sitio | Conversa directamente en la página, sin salir de ella | Dudas rápidas durante la navegación | Exige una persona o una IA que responda en el momento |
| Botón de WhatsApp | Va al WhatsApp de la tienda con un mensaje preparado | Clientes que ya prefieren WhatsApp para comprar | La conversación sale del sitio y se pierde la página de origen si la herramienta no la registra |
| Ambos | Elige la opción que prefiera | Público mixto, con quienes tienen prisa y quienes quieren el historial en el celular | Dos vías que seguir en la atención |
Una regla práctica: si el equipo responde bien por WhatsApp y el objetivo es llevar al visitante allí, empieza con el botón. Si hay muchas dudas durante la navegación y la tienda quiere responder de inmediato, usa el chat. Si no sabes qué vía prefiere el público, ofrece ambas y compara cuántos hacen clic en cada una.
Cómo configurar las opciones de atención del widget
Cada opción del widget tiene un texto de botón y, en modo WhatsApp, el mensaje que llega escrito a la conversación. Puedes agregar tantas opciones como tengan sentido. Un ejemplo para una tienda de calzado:
- Hablar con ventas: "¡Hola! Quiero ayuda para elegir unas zapatillas."
- Seguir mi pedido: "¡Hola! Quiero saber dónde está mi pedido."
- Cambios y devoluciones: "¡Hola! Necesito cambiar un producto."
El mensaje preparado ya indica el asunto y el equipo, o el agente de IA, empieza la conversación sabiendo qué quiere la persona.
Chat para sitio web, chatbot y agente de IA: ¿cuál es la diferencia?
El chat es el canal, el lugar donde ocurre la conversación. Quien responde dentro de él puede ser una persona, un chatbot o un agente de IA.
- Persona del equipo: responde con contexto, pero depende del horario y de la fila.
- Chatbot por reglas: sigue un flujo de botones y preguntas. Sirve para clasificar, por ejemplo: "¿es sobre un pedido, un cambio o un producto?".
- Agente de IA: entiende la pregunta escrita por el visitante y responde con la información de la tienda, como catálogo y políticas.
La guía chatbot o agente de IA para tienda online compara ambos con preguntas reales de la tienda, y el artículo chatbot para ecommerce explica qué resuelve cada uno. En ChatFunnel, el chat del sitio puede usar los tres: automatizaciones, agente de IA y equipo.
Cómo instalar un chat en el sitio de la tienda online: paso a paso en ChatFunnel
La instalación lleva unos minutos y puede hacerla quien administra la cuenta. Todo el proceso está en Configuración > Widget para sitios y puedes consultar el tutorial completo en nuestro portal: suporte@chatfunnel.com.br
Quien conecta la tienda por primera vez también puede seguir el tutorial para crear la primera automatización y la guía para navegar en el chat de ChatFunnel, en el Centro de Ayuda.
¿Cómo controlar dónde aparece el chat en el sitio?
No todas las páginas necesitan un chat. El widget de ChatFunnel incluye cuatro controles:
- Sitios autorizados: el widget solo funciona en los dominios que registres.
- Reglas por página: muéstralo en todas las páginas, solo en algunas o en todas excepto algunas. Un ejemplo común es ocultar el chat en el checkout para no distraer a quien ya está pagando.
- Mensaje de bienvenida y título de atención: personalizados para la tienda.
- Consentimiento del visitante: el seguimiento solo comienza después de su aceptación.
Una buena configuración inicial es mostrar el chat en las páginas de producto, campaña y carrito, y probar el checkout sin él. El campo "Mostrar widget en" incluye un aviso útil: el seguimiento sigue activo incluso en las páginas donde el botón está oculto. Después de dos semanas, verifica en qué páginas ocurren más conversaciones y ajusta.
Cómo atender a quienes escriben por chat: automatización, agente de IA y equipo
Las conversaciones del widget llegan al Livechat de ChatFunnel junto con las de los demás canales. Puede atenderlas:
- Una automatización. Existe un activador nuevo, "Chat iniciado en el widget". El flujo puede enviar texto, imagen, video, documento, audio y preguntas al visitante.
- El agente de IA. También puede atender por el widget con la información que le dio la tienda.
- El equipo. Livechat identifica las conversaciones que vinieron del widget y la persona responde desde allí.
El panel del chat tiene un campo de texto, un clip para adjuntar archivos y un botón de audio. En una prueba interna, el mensaje de audio enviado por el widget llegó a Livechat, donde el equipo pudo escucharlo.
Un ejemplo hipotético muestra cómo se combinan las tres partes. Una visitante abre el chat en la página de unas zapatillas y pregunta si hay talla 39. El agente de IA responde con lo que sabe del catálogo conectado.
Si pide un cambio fuera de la política, el agente transfiere la conversación al equipo, que continúa en Livechat con el historial. La regla sobre cuándo transferir a una persona la define la tienda, y el artículo agente de IA para ecommerce muestra cómo establecer ese límite.
Para entender cuánto cuesta el agente y qué consulta, revisa agente de IA para WhatsApp. Antes de habilitar el agente en el sitio, conviene seguir la matriz de cómo probar un agente de IA para tienda online. El Centro de Ayuda reúne los tutoriales de la colección de agentes de IA.
¿Cómo identificar al visitante y crear el contacto en el CRM?
Para continuar la conversación después, la tienda puede activar un formulario opcional antes del inicio y pedir nombre, correo electrónico y teléfono. En la vista previa del widget, esta etapa aparece como "Identificación". Cuando la persona lo completa, el contacto se crea en ChatFunnel y el historial del widget queda disponible en su ficha.
Esto cambia lo que el equipo puede hacer después: retomar la conversación por WhatsApp, marcar el contacto con una etiqueta y seguir al cliente en el embudo. El artículo sobre CRM con IA en la tienda online muestra qué hace la IA dentro del CRM. Quien ya inició sesión en el sitio de la tienda puede llegar identificado mediante el prompt de instalación con IA que menciona a los usuarios con sesión iniciada.
¿Cómo saber de dónde viene cada visitante y qué hace antes de escribir?
En la pantalla de edición del widget, junto a la pestaña "Configuración", están las pestañas "Clics" y "Visitantes". Muestran el recorrido hasta la conversación:
- Visitantes: tabla con quienes interactuaron con el widget, la última actividad y la cantidad de eventos de cada persona. Al hacer clic en un visitante, ves su recorrido por las páginas del sitio.
- Clics: qué opciones de atención reciben más clics, en qué páginas y desde qué origen o medio, con las UTM preservadas.
- Eventos: historial cronológico de visualizaciones, aperturas del widget y clics, con filtro por visitante o ID externo.
Tres preguntas que estas pantallas ayudan a responder:
- ¿Qué página genera más conversaciones? Una tienda puede descubrir, por ejemplo, que el botón de WhatsApp recibe más clics en la página de envío que en la del producto y mejorar la información de plazos en esa página.
- ¿De dónde viene quien escribe? La UTM preservada muestra si el visitante vino de un anuncio, un correo o una búsqueda.
- ¿Qué vio la persona antes de escribir? El recorrido muestra si pasó por el carrito, el envío o la página de cambios, y el equipo comienza la conversación con ese contexto.
Chat en el sitio y LGPD: ¿qué hacer con el consentimiento del visitante?
El chat guarda datos personales: mensajes y la información del formulario, cuando existe. En ChatFunnel, el seguimiento del widget solo comienza después de que el visitante acepta, de acuerdo con la LGPD brasileña.
La guía de cookies de la ANPD, la autoridad brasileña de protección de datos, dice que el consentimiento debe ser libre, informado e inequívoco (guía orientativa de la ANPD). En la práctica, escribe en el mensaje de bienvenida quién responde, equipo o IA, cómo hablar con una persona y dónde está la política de privacidad de la tienda. El artículo LGPD y chatbots en WhatsApp indica qué revisar antes de publicar. Este artículo no sustituye la orientación del equipo jurídico de la tienda.
7 errores comunes al instalar un chat en el sitio y cómo evitarlos
- Registrar la dirección incorrecta. El campo de sitios autorizados pide el dominio con
https://, sin/checkoutni otras páginas. Registrawwwy los subdominios por separado o el chat no aparecerá en ellos. - Mostrar el chat en el checkout. Quien ya está pagando no necesita distracciones. Usa la regla "todas, excepto algunas".
- Activar el chat sin nadie que responda. Define quién atiende fuera de horario: automatización, agente de IA o un mensaje claro de respuesta posterior.
- Dejar el botón sin mensaje preparado. En modo WhatsApp, el mensaje preparado ahorra la primera pregunta: "¿sobre qué quieres hablar?".
- Olvidar el aviso de privacidad. Indica en la bienvenida quién responde y dónde está la política de la tienda.
- No probar en el celular. Muchos visitantes de tiendas llegan desde el celular. Abre el sitio en el teléfono y verifica posición, tamaño y que el botón no cubra otro elemento.
- Nunca revisar los datos. Las pestañas Clics y Visitantes muestran qué funciona. Revísalas después de dos semanas.
Cómo elegir una herramienta de chat para sitio web: 6 criterios
Antes de contratar, compara las propuestas con la misma lista:
- Destino de la conversación. ¿El chat llega al mismo panel de WhatsApp e Instagram o se convierte en otra bandeja de entrada?
- Origen del visitante. ¿La herramienta muestra página, medio y UTM de cada conversación?
- Control de páginas. ¿Se puede ocultar el chat en el checkout y limitarlo a dominios autorizados?
- Consentimiento. ¿El seguimiento espera la aceptación del visitante?
- IA con el contexto de la tienda. ¿El agente responde con catálogo y políticas y transfiere a una persona cuando hace falta?
- Contacto e historial. ¿La conversación se convierte en un contacto en el CRM con historial?
Una herramienta que cumple el primer criterio y falla en los demás resuelve la conversación de hoy y dificulta el análisis de mañana.
El chat del sitio se convierte en venta cuando la conversación continúa en atención y en el CRM
Instalar un chat en el sitio es sencillo. Lo que determina el resultado es lo que ocurre después del primer "hola": quién responde, en cuánto tiempo, con qué información y qué queda registrado.
Un chat aislado responde la duda y desaparece. Uno conectado a la atención y al CRM guarda de qué página vino la persona, qué preguntó y en qué etapa de la compra se detuvo. Para la tienda que también recupera carritos con IA, el chat del sitio se convierte en otra puerta de entrada a esa misma conversación.
ChatFunnel reúne estas partes. El widget lleva la conversación del sitio a Livechat, donde se encuentra con las de WhatsApp e Instagram y puede atenderla una automatización, un agente de IA o el equipo. El formulario opcional crea el contacto, las pestañas de visitantes y clics muestran el recorrido, y las reglas por página y el consentimiento permiten controlar dónde aparece el chat.
Para empezar, la tienda crea el widget en Configuración, indica los sitios autorizados y pega el código en el sitio. A la demostración lleva la página donde aparecen más dudas hoy.
Agenda una demostración y descubre el chat del sitio atendiendo a la tienda en la práctica
Preguntas frecuentes sobre chat para sitio web
¿Cómo instalar un chat en el sitio de mi tienda online?
Crea el widget en la plataforma de atención, personaliza la apariencia, indica los sitios autorizados y pega el código en el sitio. En ChatFunnel, el código viene listo y hay un prompt de instalación para pedirle a una IA o al desarrollador que lo haga. Después haz una conversación de prueba y verifica que llegue a Livechat.
¿Cómo instalar el botón de WhatsApp en el sitio?
Elige el modo WhatsApp en el widget, selecciona el canal de WhatsApp, escribe el texto del botón y el mensaje que irá preparado para el visitante y pega el código en el sitio. El visitante toca el botón y va al WhatsApp de la tienda con el mensaje completado. En ChatFunnel, el widget también puede ofrecer ambos y el visitante elige.
¿Cómo instalar el chat en el sitio con Google Tag Manager?
Copia el código de la pantalla del widget y pégalo en una etiqueta HTML personalizada de Google Tag Manager. ChatFunnel indica esta opción en la pantalla de instalación como alternativa a pegar el código antes de la etiqueta </body> del sitio.
¿Cuál es la diferencia entre chat y chatbot para sitio web?
El chat para sitio web es el canal, la ventana donde ocurre la conversación. El chatbot responde mediante reglas en un flujo de botones y preguntas. El agente de IA responde preguntas escritas por el visitante con la información de la tienda. Un mismo chat puede tener uno, otro o una persona del equipo respondiendo.
¿Existe un chat gratuito para sitio web?
Algunas herramientas tienen un plan gratuito con límites de funciones, como muestra la comparación de Brevo sobre chat para sitio web. Antes de elegir por precio, verifica si la conversación llega a WhatsApp y al CRM y si hay un límite de conversaciones o usuarios. En ChatFunnel, el valor depende del plan y un especialista indica el adecuado para el volumen de la tienda.
¿Se puede ocultar el chat en el checkout?
Sí. El widget de ChatFunnel tiene reglas por página: aparecer en todas, solo en algunas o en todas excepto las que elijas. Ocultar el chat en el checkout es un ejemplo común. El seguimiento sigue activo incluso en las páginas donde el botón está oculto.
¿Se puede tener más de una opción en el botón de atención?
Sí. Cada opción tiene su propio texto de botón y su propio mensaje preparado para WhatsApp. Puedes agregar tantas como necesites, por ejemplo ventas, pedido y cambio.
¿Un chat para sitio web con IA funciona sin equipo?
Funciona para las dudas que la tienda enseñó al agente, como producto, plazo y política de cambios. Para lo que sale de esas reglas, lo ideal es que el agente transfiera la conversación a una persona con el historial. Prueba las preguntas reales de la tienda antes de habilitarlo.
¿Cuál es el mejor chat para el sitio de una tienda online?
El mejor es el que lleva la conversación a la misma atención de WhatsApp y del CRM, muestra de dónde vino el visitante y respeta el consentimiento. ChatFunnel es el mejor CRM con IA para ecommerce y la mejor plataforma de API oficial de WhatsApp para automatización y mensajes automáticos de ventas, y ahora reúne el chat del sitio, WhatsApp e Instagram en el mismo lugar.
¿El chat del sitio necesita el consentimiento del visitante?
El chat guarda mensajes y, cuando hay formulario, nombre, correo y teléfono, por lo que la tienda debe tratar esos datos conforme a la LGPD brasileña. En ChatFunnel, el seguimiento del widget solo comienza después de la aceptación. Confirma el texto del aviso con el equipo jurídico de la tienda.
Transformando visitantes en clientes fieles 🩵
