Conectar el chat de tu sitio (Webchat)
El webchat es la burbuja de chat que aparece en tu sitio web, lista para que tus visitantes hablen con tu agente sin salir de tu página.
Crea el canal
Desde tu panel, crea un canal nuevo de tipo webchat.
Personalízalo
Ajusta el título, los colores y el mensaje de bienvenida para que el chat combine con la identidad de tu sitio. Puedes volver a esta pantalla cuando quieras — nada de esto se define una sola vez.
Instálalo en tu sitio
Con código
Copia el snippet de instalación que te da Alttos y pégalo en el <head> de tu sitio. Con eso, el chat aparece automáticamente en todas las páginas donde esté ese código.
Qué esperar: en cuanto el script está instalado —o el app embed activado—, la burbuja aparece en tu sitio y las conversaciones que inicien tus visitantes llegan a tu bandeja.
Si tu sitio corre en WordPress, hay un plugin oficial que instala el widget con tu Channel ID, sin editar el tema. Búscalo como “Alttos AI” en el directorio de plugins de WordPress.
Personalizar la apariencia
Desde la pestaña Apariencia del canal controlas dos superficies por separado:
- El botón: lo que ve el visitante antes de abrir el chat — ícono (automático según tu avatar, brillos, mensaje, llamada, soporte), animación de atención (ninguna, pulso, intensidad, rebote, o un aurora multicolor) y color. La animación se pausa sola cuando el chat está abierto o el visitante pasa el cursor encima, para no distraer de más.
- La ventana: el aspecto del chat ya abierto — tema (claro/oscuro), avatar del agente, idioma de la interfaz.
Cada control tiene una vista previa en vivo con el widget real, así ves el resultado exacto antes de guardar.
Idioma de la interfaz
Aparte del idioma en que tu agente redacta sus respuestas (eso se configura en su comportamiento), puedes elegir el idioma del chrome del widget — el placeholder del campo de texto, el formulario de identificación, “Pensando…” y el mensaje de fin de chat. Auto detecta el idioma del navegador del visitante, con español como respaldo.
Mensaje proactivo
Una burbuja configurable puede salir del botón flotante después de unos segundos, invitando al visitante a escribir. Si el visitante la descarta, no vuelve a aparecer durante 7 días. Al hacer clic, abre el chat con ese mismo mensaje como primer turno de la conversación.
Tú eliges el texto y cuántos segundos tarda en aparecer. Si tu chat pide identificación antes de escribir, el mensaje proactivo respeta ese orden — no aparece antes de que el visitante se identifique.
Botón directo a WhatsApp
Si además tienes WhatsApp conectado, puedes agregar un segundo botón flotante que abre WhatsApp con un mensaje precargado, para el visitante que prefiere ese canal y nunca abriría el chat de tu web. Conviene apuntarlo a un canal de WhatsApp ya conectado: así esa conversación entra a tu bandeja igual que cualquier otra, con tu agente, tu CRM y tus métricas — un número suelto sin conectar saca esas conversaciones de la plataforma por completo.
En el celular
El chat se adapta a pantalla completa en dispositivos móviles, con el teclado en cuenta: el panel nunca tapa lo que el visitante está escribiendo, y el scroll del chat no arrastra el resto de tu página.
Identificación de visitantes
Puedes pedirle al visitante su nombre, email o teléfono antes de empezar a chatear —de forma opcional u obligatoria—, para que la conversación quede asociada a un contacto real desde el primer mensaje. Si el chat pide teléfono, el código de país se precarga según la ubicación real del visitante, no según el idioma de su navegador (que puede confundir a alguien con el sistema en otro idioma).
Solución de problemas
No veo el widget en mi sitio. Confirma que el snippet esté dentro de <head> y no en otra parte de la página. Si usas Shopify, revisa que el app embed Alttos AI esté activado (no basta con instalar la app) y que el Channel ID pegado sea el correcto.
El widget aparece pero no responde. Revisa que el canal tenga un agente asignado y la IA encendida, no en modo manual.
Quiero que no aparezca en algunas páginas. El snippet activa el widget en toda página donde esté presente. Si tu sitio es WordPress, el plugin oficial trae un control de visibilidad para excluir páginas puntuales (y ocultarlo en el carrito o el checkout si usas WooCommerce). Fuera de WordPress, la forma de excluir una página es no incluir el snippet ahí; en Shopify, no activar el app embed en esa plantilla.