ChatLab ofrece dos formas de añadir un chatbot a tu sitio web: como widget o como iframe. Ambas utilizan el mismo chatbot con los mismos datos de entrenamiento y configuración, pero se diferencian en la forma en que el chatbot aparece en tu página.
Widget
El widget añade un icono de chat en una posición fija de tu página (en la esquina inferior derecha por defecto). Los visitantes hacen clic en el icono para abrir una ventana emergente de chat. La ventana de chat se puede cerrar de nuevo para volver al icono en cualquier momento.
Características principales:
- Aparece como un icono de activación en la esquina de la pantalla
- Se abre como una ventana emergente cuando los visitantes hacen clic en el icono
- Permanece disponible en todas las páginas donde esté instalado el código
- Admite personalización de la posición del icono, el comportamiento de apertura automática, las burbujas del mensaje de bienvenida y el modo de visualización minimizado (Settings > Appearance (Ajustes > Apariencia))
Iframe
El iframe integra el chatbot directamente en el contenido de tu página. La ventana de chat siempre está visible y puede estar rodeada por otros elementos de la página.
Características principales:
- Siempre visible en la página sin necesidad de hacer clic en un icono
- Integrado en el flujo de la página junto con el resto del contenido
- Tamaño ajustable - puedes definir los atributos
widthyheighten el código de integración para adaptarlo a tu diseño - Ideal para páginas dedicadas donde el chatbot es un elemento central, como una página de soporte o una página de aterrizaje
Dónde seleccionar widget o iframe
- Selecciona tu chatbot en el panel de control
- Haz clic en la pestaña Deploy (Publicar)
- Selecciona HTML Code (Código HTML) y, a continuación, elige la pestaña Widget o Iframe para ver el código de integración correspondiente
- Haz clic en Copy to clipboard (Copiar al portapapeles). Coloca el código del Widget en el encabezado del sitio web o en la sección de scripts de tu plataforma; coloca el código del Iframe en el cuerpo de la página donde debe aparecer el chat.
- Publica la página, ábrela en ordenador y móvil, y envía un mensaje de prueba.
Probar ambos modos
Puedes obtener una vista previa de ambos modos sin necesidad de insertar ningún código. En la pestaña Overview (Resumen), busca la fila Try out & share (Probar y compartir) y haz clic en cualquiera de los dos enlaces:
- As always-open frame - abre el chatbot en modo iframe
- As openable widget - abre el chatbot en modo widget con el icono de activación
Cada fila también incluye un enlace QR Code (Código QR) que abre un código escaneable para la misma URL, de modo que puedes probar el chatbot en tu teléfono escaneándolo con la cámara.
Para obtener más información sobre cómo compartir estos enlaces de vista previa, consulta Enviar un enlace a tu chatbot.
¿Cuál debo elegir?
- Elige widget si deseas que el chatbot esté disponible en todas las páginas sin ocupar espacio en la pantalla. Los visitantes pueden abrir el chat cuando necesiten ayuda y cerrarlo cuando hayan terminado.
- Elige iframe si deseas que el chatbot sea una parte visible de una página específica, como un centro de ayuda, una página de contacto o una página de producto donde el chatbot esté siempre listo para interactuar.