Saltar al contenido principal

AutoChat Widget Web

Lo que aprenderás
  • Cómo configurar el widget web AutoChat en tu sitio web
  • Qué ofrece el widget para los visitantes del sitio y tu equipo
  • Cómo fluyen las conversaciones del widget a tu Bandeja de Entrada

El canal AutoChat es el widget de chat web integrado de AutoTalk. Permite que los visitantes de tu sitio web inicien conversaciones en tiempo real con tu equipo o agentes de IA directamente desde el navegador. Los mensajes del widget aparecen en tu Bandeja de Entrada junto con los mensajes de todos los demás canales.

Cuándo usar este canal​

  • Quieres ofrecer chat en vivo en tu sitio web sin depender de una herramienta de chat de terceros
  • Quieres que los visitantes del sitio puedan hacer preguntas, solicitar soporte o iniciar una conversación de ventas de inmediato
  • Quieres conectar un agente de IA para manejar consultas del sitio web automáticamente, las 24 horas del día

Configurar el widget AutoChat​

Paso 1: Crear el canal​

  1. En la barra lateral, ve a Integraciones > Canales para abrir la lista de Canales.

  2. Haz clic en el botón Agregar canal.

  3. En el menú desplegable de tipo de canal, selecciona AutoChat.

  4. Aparecerán campos de configuración adicionales. Completa la configuración necesaria, que puede incluir:

    • Nombre del widget — Una etiqueta para identificar este widget en tu lista de Canales
    • Mensaje de bienvenida — El saludo que los visitantes ven cuando abren el chat
    • Configuración de apariencia — Colores, posición y opciones de marca para coincidir con tu sitio web
    • Asignación de agente de IA — Opcionalmente conecta un agente de IA para manejar conversaciones automáticamente

  5. Guarda el canal.

Paso 2: Integrar el widget en tu sitio web​

Después de guardar, AutoTalk proporciona un código de integración (un pequeño fragmento de HTML/JavaScript). Para instalarlo:

  1. Copia el código de integración de la configuración del canal.
  2. Pégalo en el HTML de tu sitio web, justo antes de la etiqueta de cierre </body>.
  3. Publica o despliega tu sitio web.

El widget de chat ahora aparecerá en tu sitio, generalmente como un pequeño botón en la esquina inferior derecha.

Paso 3: Probar el widget​

Abre tu sitio web en un navegador y haz clic en el botón de chat. Envía un mensaje de prueba y confirma que aparece en tu Bandeja de Entrada de AutoTalk. Responde desde la Bandeja de Entrada y verifica que la respuesta aparezca en el widget de tu sitio.

Funcionalidades del widget​

  • Mensajería en tiempo real — Los visitantes y tu equipo intercambian mensajes instantáneamente
  • Soporte de agente de IA — Conecta un agente de IA para que el widget pueda responder preguntas automáticamente, incluso fuera del horario comercial
  • Marca personalizada — Ajusta los colores, logo y posición del widget para coincidir con el diseño de tu sitio web
  • Enlaces de chat — AutoTalk puede generar un enlace directo al chat (por ejemplo, chat.autotalk.app/tu-empresa) que puedes compartir en correos electrónicos, biografías de redes sociales o materiales impresos sin integrar el widget

Consideraciones importantes​

  • El widget solo funciona en sitios web donde hayas agregado el código de integración. No aparecerá en páginas que no incluyan el script.
  • Si usas un sistema de gestión de contenido (como WordPress, Wix o Shopify), busca la opción de agregar HTML o scripts personalizados y pega el código de integración allí.
  • Las conversaciones del widget se tratan como cualquier otro canal en AutoTalk. Puedes asignarlas a miembros del equipo, enrutarlas a través de workflows o dejar que los agentes de IA las manejen.
tip

Comparte el enlace de chat en plataformas donde no puedes integrar código, como biografías de Instagram, firmas de correo electrónico o folletos impresos. Los visitantes pueden hacer clic en el enlace para abrir un chat con tu negocio en el navegador.

Próximos pasos​