Barre Ask AI
Un style de widget plein écran : une barre de saisie centrée qui se déploie en une conversation immersive
Aperçu
La Barre Ask AI est un style alternatif pour votre widget de chat. Au lieu de la bulle classique dans le coin, les visiteurs voient un champ de saisie centré en bas de la page qui les invite à poser une question. Dès qu'ils commencent à écrire, la page se transforme en une conversation plein écran avec une barre latérale pour les conversations passées. Comme la barre occupe la partie la plus visible de la page et supprime l'étape du clic pour ouvrir, les visiteurs démarrent bien plus de conversations avec elle qu'avec une bulle.
C'est le même assistant en dessous : votre base de connaissances, les instructions IA, les couleurs, les paramètres de confidentialité, la capture de leads, les réservations et tous les autres réglages s'appliquent aux deux styles. La reprise par un humain, les transcriptions et l'historique des conversations fonctionnent de manière identique.
Activation
Ouvrez Personnaliser dans votre tableau de bord et choisissez Barre Ask AI sous Style du widget. C'est tout : votre extrait d'intégration et vos plugins existants continuent de fonctionner, et le nouveau style apparaît au prochain chargement de page. Aucune modification de code n'est nécessaire sur votre site web.
La barre est disponible avec les plans Pro et Enterprise. Si votre plan change plus tard, votre site web revient automatiquement à la bulle classique : rien ne casse.
Texte d'espace réservé
Par défaut, la barre invite les visiteurs avec le texte Ask AI, traduit automatiquement dans la langue de chaque visiteur. Vous pouvez le remplacer par votre propre formulation - par exemple, Demandez à notre expert voyage - dans le réglage Texte d'espace réservé de la barre qui apparaît lorsque le style barre est sélectionné.
Largeur de la barre
Deux curseurs dans les réglages du widget contrôlent la largeur maximale de la barre. Le premier définit la largeur sur les grands écrans ; la valeur par défaut est 640 pixels. Le second, Largeur de la barre sur téléphone, est désactivé par défaut : les téléphones utilisent alors toute la largeur de l'écran, ce qui rend le mieux sur les petits écrans. Activez-le pour donner aux téléphones leur propre largeur fixe, limitée par la taille de l'écran.
Afficher la barre uniquement sur certaines pages
Beaucoup de sites web veulent la barre sur les pages riches en contenu, comme la documentation ou les centres d'aide, et la bulle classique partout ailleurs. Activez l'option Afficher la barre uniquement sur certaines pages et listez les pages, une par ligne ou séparées par des virgules :
/pricing, /docs*, example.com/support
Les visiteurs voient la barre sur les pages correspondantes et la bulle sur toutes les autres. Un chemin comme /pricing fonctionne sans le domaine et correspond à cette page exacte - les barres obliques finales n'ont pas d'importance. Terminez une entrée par une étoile pour couvrir toute une section : /docs* correspond à /docs et à chaque page en dessous.
Contrôler le style par programmation
Les développeurs peuvent imposer un style par page directement sur l'extrait d'intégration avec l'attribut data-asyntai-style. Il accepte bar ou bubble et prend le pas sur le réglage du tableau de bord :
<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>
Utilisez bar sur les pages qui doivent afficher la barre, et bubble - ou omettez simplement l'attribut - partout ailleurs. C'est utile lorsque vos pages sont générées à partir de gabarits différents et que vous préférez garder la décision dans le code plutôt que dans le tableau de bord.
Bon à savoir
- Les conversations se poursuivent d'un style à l'autre : un visiteur qui a discuté avec la bulle sur une page garde la même conversation avec l'IA lorsqu'il rencontre la barre sur une autre.
- Les réglages dont le seul rôle est d'amener les visiteurs à ouvrir le chat - position, icône du chat, déclenchement automatique, bulle de bienvenue, champ déclencheur et badge de messages non lus - ne sont pas utilisés par la barre, puisqu'elle est toujours visible. Ils conservent leurs valeurs pour le jour où vous reviendrez en arrière.
- La barre prend entièrement en charge la saisie vocale, l'envoi d'images, les fiches produits, les réservations, la capture d'email et de téléphone, la localisation et les langues s'écrivant de droite à gauche.
- Sur téléphone, la barre se place au-dessus du bord inférieur de l'écran et la conversation s'ouvre en plein écran, avec les conversations passées dans un panneau coulissant.