Configura el widget de chat para tu sitio web
Con el widget de chat para sitio web, tus clientes pueden hacer preguntas directamente en tu sitio sin buscar información de contacto.
Última actualización
Con el widget de chat para sitio web, tus clientes pueden hacer preguntas rápidamente en tu propio sitio sin tener que buscar información de contacto. Simplemente abren el chat y empiezan a hablar.
La configuración consta de unos pocos pasos clave:
- Configurar los ajustes básicos del widget
- Agregar el código del widget a tu sitio web
- Activar la IA para el widget
Instalar el código del widget es uno de los pocos pasos que el AI Co-Worker no puede completar por ti: pegar el fragmento en el HTML de tu sitio ocurre fuera de Chatfuel. El Co-Worker puede llevarte directamente a la página correcta: solo pídeselo.
Configura tu widget
Primero, necesitas definir los ajustes básicos.
- Ve a
Settings> seleccionaWebsite. - Configura la apariencia (nombre de la empresa, color de acento y logo).
- Agrega los dominios de tu sitio web.
- Copia el código de instalación.
Agrega el widget a tu sitio
Luego, agrega el fragmento de código de Settings al HTML de tu sitio para que el widget de chat aparezca en tu sitio web.
Coloca el fragmento de código:
- Antes de la etiqueta
</body> - Dentro de la etiqueta
<head>
Si no te sientes cómodo editando el HTML de tu sitio web, lo mejor es pedir ayuda a tu desarrollador web.
Configúralo en Automations
La IA del widget se controla con la automatización Website widget. Actívala y tu asistente de IA hablará con los clientes por ti a partir del conocimiento que proporciones sobre tu negocio.
- Ve a Fuely AI → Automations.
- En Website, abre la automatización Website widget y actívala. Como toda base automation, empieza desactivada.
- Agrega información sobre tu negocio a la Knowledge Base; funciona igual que configurar la IA para Instagram, Facebook o WhatsApp.
- Ajusta la configuración de la automatización si quieres un comportamiento específico para el widget; por ejemplo, seguimientos, reservas automáticas o Additional instructions sobre cómo habla la IA ahí.
- Pruébalo en el Test chat para ver cómo responde la IA.
Cuando un cliente necesita ayuda humana, un agente puede tomar el control de la conversación en cualquier momento.
O pídeselo al AI Co-Worker
Dile lo que quieres en el chat:
"Activa el widget de chat en mi sitio web y haz que la IA responda ahí."
Habilita la automatización Website widget, configura lo que la IA responde ahí y confirma lo que configuró.
Activa el widget de chat
Cuando todo esté listo, activa tu widget de chat.
- Abre
Settings>Website. - Activa o desactiva el widget con el interruptor.
Widget de chat para sitio web
Instala el widget de chat de Chatfuel en tu sitio web y personaliza su icono y mensaje de bienvenida.
Cómo cambiar el ícono del widget
Puedes personalizar el ícono (logo) que se ve dentro del chat abierto, pero el botón del widget cerrado siempre usa el ícono predeterminado de Chatfuel.