Lección 05.04 · Instala el agente en tu web

Módulo 5 · Agentes de IA — El chat de la web: crear el widget tipo Live Chat, traducirlo entero al español, ponerle tu marca de agencia e instalarlo — dentro de GHL con un ajuste, fuera de GHL pasando el código a quien lleva la web.

Qué aprendes

Por qué para la web sí hace falta un widget (y para WhatsApp o Instagram no).
Qué tipo de widget usar entre los que ofrece GHL.
La personalización realista: colores, posición y, sobre todo, traducir todos los textos.
El truco comercial del «desarrollado por»: tu agencia firmando el chat del cliente.
Las dos vías de instalación y la advertencia sobre tocar código ajeno.

Las ideas clave

1. El widget correcto

Se crea en Sites → Chat Widgets. Entre los tipos (todo en uno, SMS/email, Facebook…), el que la lección utiliza para webs es Live Chat: es el que conecta con tu agente conversacional para que responda y agende desde la página.
Lo demás funciona sin widget: en WhatsApp o Instagram el agente actúa en el propio canal.

2. Personalización: traducir es el trabajo

Aspecto: nombre del widget, modo fijo (sticky), color a juego con la web y posición — la lección lo deja siempre abajo a la derecha.
La ventana del chat trae título, mensaje de bienvenida («¿en qué puedo ayudarte?»), textos de retorno («bienvenido de nuevo…»), botón («Enviar» en vez de «Send») y mensajes de cierre: casi todo el trabajo es traducir cada texto al español, porque por defecto viene en inglés. Se marca también el idioma español en los ajustes del widget.
Se puede meter un formulario dentro del chat, pero la lección no lo recomienda salvo casos concretos.
Ajustes adicionales: notificaciones de sonido activadas y, el gesto comercial, el branding de agencia: donde dice «Powered by» pones «Desarrollado por» con el nombre y el enlace de tu agencia. El chat del cliente se convierte en escaparate: quien lo ve (incluida la competencia) descubre quién desarrolla estos agentes.

3. Instalación

Web dentro de GHL (website o funnel): en los ajustes de la página se selecciona el chat widget creado y se guarda. Nada más.
Web fuera de GHL (p. ej. WordPress): el widget ofrece «Get code», un código para incrustar. La recomendación de la lección, por experiencia: no lo instales tú en la web del cliente — se lo pasas para que lo coloque la empresa que le desarrolló la web. Tocar código sin controlar ni tener copia de seguridad puede romper la página, y quien la hizo lo pone en minutos.

Errores típicos

Crear un widget de WhatsApp o de otro tipo para la web: el que conecta con el agente es el Live Chat.
Dejar textos en inglés repartidos por la ventana del chat: parece un trabajo a medias ante el visitante.
Instalar el código en un WordPress ajeno sin saber deshacerlo: delega en quien mantiene esa web.
Olvidar seleccionar el widget en los ajustes de la página de GHL y concluir que «no funciona».

Vigencia

El editor del widget cambia de aspecto entre versiones; el flujo (tipo Live Chat → traducir → guardar → seleccionar en la página o incrustar el código) se mantiene.