Barra Ask AI
Un estilo de widget a pantalla completa: una barra de entrada centrada que se expande en una conversación inmersiva
Descripción general
La Barra Ask AI es un estilo alternativo para tu widget de chat. En lugar de la clásica burbuja en la esquina, los visitantes ven un campo de entrada centrado en la parte inferior de la página que les invita a hacer una pregunta. En el momento en que empiezan a escribir, la página se transforma en una conversación a pantalla completa con una barra lateral para las conversaciones anteriores. Como la barra está en la parte más visible de la página y elimina el paso de hacer clic para abrir, los visitantes inician muchas más conversaciones con ella que con una burbuja.
Por debajo es el mismo asistente: tu base de conocimiento, las instrucciones de IA, los colores, los ajustes de privacidad, la captura de leads, las reservas y todos los demás ajustes se aplican a ambos estilos. La intervención humana, las transcripciones y el historial de conversaciones funcionan de forma idéntica.
Cómo activarla
Abre Personalizar en tu panel y elige Barra Ask AI en Estilo del widget. Eso es todo: tu fragmento de inserción y tus plugins existentes siguen funcionando, y el nuevo estilo aparece en la siguiente carga de página. No se necesitan cambios de código en tu sitio web.
La barra está disponible en los planes Pro y Enterprise. Si tu plan cambia más adelante, tu sitio web vuelve automáticamente a la burbuja clásica: nada se rompe.
Texto de marcador de posición
Por defecto, la barra invita a los visitantes con el texto Ask AI, traducido automáticamente al idioma de cada visitante. Puedes sustituirlo por tu propio texto, por ejemplo, Pregunta a nuestro experto en viajes, en el ajuste Texto de marcador de posición de la barra que aparece cuando se selecciona el estilo de barra.
Ancho de la barra
Dos controles deslizantes en los ajustes del widget controlan el ancho máximo de la barra. El primero define el ancho en pantallas grandes; el valor por defecto es 640 píxeles. El segundo, Ancho de la barra en móviles, está desactivado por defecto: los móviles usan entonces todo el ancho de pantalla, que es lo que mejor se ve en pantallas pequeñas. Actívalo para dar a los móviles su propio ancho fijo, limitado por el tamaño de la pantalla.
Mostrar la barra solo en páginas específicas
Muchos sitios web quieren la barra en páginas con mucho contenido, como la documentación o los centros de ayuda, y la burbuja clásica en el resto. Activa la opción Mostrar la barra solo en páginas específicas y enumera las páginas, una por línea o separadas por comas:
/pricing, /docs*, example.com/support
Los visitantes ven la barra en las páginas coincidentes y la burbuja en todas las demás. Una ruta como /pricing funciona sin el dominio y coincide con esa página exacta; las barras finales no importan. Termina una entrada con un asterisco para cubrir una sección entera: /docs* coincide con /docs y con todas las páginas que hay debajo.
Controlar el estilo mediante código
Los desarrolladores pueden forzar un estilo por página directamente en el fragmento de inserción con el atributo data-asyntai-style. Acepta bar o bubble y tiene prioridad sobre el ajuste del panel:
<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");s.setAttribute("data-asyntai-style","bar");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>
Usa bar en las páginas que deben mostrar la barra, y bubble, o simplemente omite el atributo, en el resto. Esto es útil cuando tus páginas se generan desde plantillas diferentes y prefieres mantener la decisión en el código en lugar del panel.
Es bueno saber
- Las conversaciones continúan entre estilos: un visitante que chateó con la burbuja en una página mantiene la misma conversación con la IA cuando encuentra la barra en otra.
- Los ajustes cuyo único propósito es que los visitantes abran el chat (posición, icono del chat, activación automática, burbuja de saludo, entrada de activación e insignia de no leídos) no los usa la barra, ya que siempre está visible. Conservan sus valores para cuando vuelvas a cambiar.
- La barra es totalmente compatible con la entrada de voz, la subida de imágenes, las tarjetas de producto, las reservas, la captura de correo electrónico y teléfono, la localización y los idiomas de derecha a izquierda.
- En los teléfonos, la barra se sitúa sobre el borde inferior de la pantalla y la conversación se abre a pantalla completa, con las conversaciones anteriores en un panel deslizante.