Barra Ask AI
Uno stile di widget a schermo intero: una barra di input centrata che si espande in una conversazione immersiva
Panoramica
La Barra Ask AI è uno stile alternativo per il tuo widget di chat. Invece della classica bolla nell'angolo, i visitatori vedono un campo di input centrato in fondo alla pagina che li invita a fare una domanda. Nel momento in cui iniziano a digitare, la pagina si trasforma in una conversazione a schermo intero con una barra laterale per le conversazioni passate. Poiché la barra si trova nella parte più visibile della pagina ed elimina il clic di apertura, i visitatori avviano molte più conversazioni con essa che con una bolla.
Sotto c'è lo stesso assistente: la tua base di conoscenza, le istruzioni AI, i colori, le impostazioni sulla privacy, l'acquisizione di lead, le prenotazioni e ogni altra impostazione valgono per entrambi gli stili. Il subentro umano, le trascrizioni e la cronologia delle conversazioni funzionano in modo identico.
Come attivarla
Apri Personalizza nella tua dashboard e scegli Barra Ask AI sotto Stile del widget. Tutto qui - lo snippet di incorporamento e i plugin esistenti continuano a funzionare e il nuovo stile appare al successivo caricamento della pagina. Non servono modifiche al codice del tuo sito web.
La barra è disponibile nei piani Pro ed Enterprise. Se il tuo piano cambia in seguito, il tuo sito web torna automaticamente alla bolla classica - non si rompe nulla.
Testo segnaposto
Per impostazione predefinita la barra invita i visitatori con il testo Ask AI, tradotto automaticamente nella lingua di ciascun visitatore. Puoi sostituirlo con una formulazione personalizzata - ad esempio, Chiedi al nostro esperto di viaggi - nell'impostazione Testo segnaposto della barra che appare quando è selezionato lo stile a barra.
Larghezza della barra
Due cursori nelle impostazioni del widget controllano quanto può allargarsi la barra. Il primo imposta la larghezza sugli schermi grandi; il valore predefinito è 640 pixel. Il secondo, Larghezza della barra sui telefoni, è disattivato per impostazione predefinita: i telefoni usano quindi l'intera larghezza dello schermo, che rende al meglio sugli schermi piccoli. Attivalo per dare ai telefoni una larghezza fissa propria, limitata dalle dimensioni dello schermo.
Mostrare la barra solo su pagine specifiche
Molti siti web vogliono la barra sulle pagine ricche di contenuti come la documentazione o i centri assistenza, e la bolla classica ovunque altrove. Attiva l'opzione Mostra la barra solo su pagine specifiche ed elenca le pagine, una per riga o separate da virgole:
/pricing, /docs*, example.com/support
I visitatori vedono la barra sulle pagine corrispondenti e la bolla su tutte le altre. Un percorso come /pricing funziona senza il dominio e corrisponde esattamente a quella pagina - le barre finali non contano. Termina una voce con un asterisco per coprire un'intera sezione: /docs* corrisponde a /docs e a ogni pagina al suo interno.
Controllare lo stile da codice
Gli sviluppatori possono forzare uno stile per pagina direttamente sullo snippet di incorporamento con l'attributo data-asyntai-style. Accetta bar o bubble e ha la priorità sull'impostazione della dashboard:
<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 sulle pagine che devono mostrare la barra e bubble - o semplicemente ometti l'attributo - ovunque altrove. È utile quando le tue pagine sono generate da template diversi e preferisci tenere la decisione nel codice invece che nella dashboard.
Buono a sapersi
- Le conversazioni proseguono tra gli stili - un visitatore che ha chattato con la bolla su una pagina mantiene la stessa conversazione con l'AI quando incontra la barra su un'altra.
- Le impostazioni il cui unico scopo è portare i visitatori ad aprire la chat - posizione, icona della chat, attivazione automatica, bolla di saluto, campo di attivazione e badge dei messaggi non letti - non sono usate dalla barra, poiché è sempre visibile. Conservano i loro valori per quando torni indietro.
- La barra supporta pienamente l'input vocale, il caricamento di immagini, le schede prodotto, le prenotazioni, l'acquisizione di email e telefono, la localizzazione e le lingue da destra a sinistra.
- Sui telefoni la barra si trova sopra il bordo inferiore dello schermo e la conversazione si apre a schermo intero, con le conversazioni passate in un pannello scorrevole.