Chatfuel
Para agencias

Configura el widget de chat para un cliente

El widget de chat vive en el sitio web del cliente y es el canal más barato de agregar: sin acceso al portafolio, sin números de teléfono, sin verificación.

Última actualización

El widget de chat es la oveja negra de la lista de canales: no pertenece a Meta ni a TikTok, vive en el propio sitio web del cliente. Los visitantes que llegan ahí desde anuncios (o desde cualquier lugar) abren el chat y empiezan a hablar, y la misma IA que responde el WhatsApp del cliente les responde a ellos. Para ti es el canal más barato de agregar: sin acceso al portafolio, sin números de teléfono, sin verificación. La única dependencia externa es quien edite el sitio del cliente.

Instalar el código del widget es uno de los pocos pasos que el AI Co-Worker no puede completar por ti: el fragmento tiene que pegarse en el HTML del sitio del cliente, que vive fuera de Chatfuel, y los ajustes de apariencia también se configuran a mano. Todo lo demás del widget, incluido encender su IA, puedes hacerlo en el panel o pidiéndoselo al Co-Worker.

Configurarlo

Todo excepto la instalación del fragmento ocurre en Chatfuel, en la empresa del cliente:

  1. Abre la configuración de Website. Ve a Settings → Website.
  2. Dale la marca del cliente. Define la apariencia: nombre de la empresa, color de acento y logo; la marca del cliente, no la de tu agencia. Esto es lo que los visitantes ven en el encabezado del chat.
  3. Agrega los dominios del cliente. Enumera los dominios en los que correrá el widget.
  4. Copia el código de instalación. Copia el fragmento de código desde la pantalla de configuración.
  5. Envía el fragmento al desarrollador del cliente. El fragmento va en el HTML del sitio: antes de la etiqueta </body> o dentro de <head>. Si el cliente tiene un desarrollador web, entrégaselo con esas dos líneas de instrucción; es un trabajo de cinco minutos. No edites el sitio de un cliente tú mismo a menos que eso sea explícitamente parte de tu contrato.
  6. Enciende la automatización del widget. Ve a Fuely AIAutomations y activa la automatización del widget de chat Website: como en todos los canales, la IA del widget permanece apagada hasta que su automatización está activa. Las Additional instructions de la automatización son donde moldeas lo que la IA dice a los visitantes del sitio.

O delega el último paso al AI Co-Worker: dile "Activa el widget de chat en mi sitio web y haz que la IA responda ahí" y activa la automatización del widget y confirma lo que configuró. El fragmento sigue viajando al desarrollador del cliente a mano.

Qué decirle al cliente desde el principio

Dos limitaciones sorprenden a los clientes si las descubren después del lanzamiento. Dilas antes:

  • El botón del widget cerrado muestra el ícono de Chatfuel. El logo del cliente aparece dentro del chat abierto, pero el pequeño botón en la esquina del sitio siempre usa el ícono predeterminado de Chatfuel, en todos los planes, sin excepciones. Si el cliente pide un botón completamente de marca blanca, la respuesta honesta es: por ahora no es posible.
  • El widget no saluda a los visitantes. Todavía no hay un mensaje de bienvenida proactivo: la IA responde solo después de que el visitante envía su primer mensaje. Una función de saludo está en la hoja de ruta. Mientras tanto, compensa donde puedas: un tono cálido escrito en las Additional instructions de la automatización del widget, una Knowledge Base que clave la primera respuesta, y una apariencia con la marca para que el chat vacío igual se vea como del cliente.

Planteadas a tiempo, son notas al pie. Descubiertas tarde, son un ticket de queja.

En esta página