Ask AI-balk
Een fullscreen widgetstijl: een gecentreerde invoerbalk die uitklapt tot een meeslepend gesprek
Overzicht
De Ask AI-balk is een alternatieve stijl voor je chatwidget. In plaats van de klassieke bubbel in de hoek zien bezoekers onderaan de pagina een gecentreerd invoerveld dat uitnodigt om een vraag te stellen. Zodra ze beginnen te typen, verandert de pagina in een fullscreen gesprek met een zijbalk voor eerdere gesprekken. Omdat de balk in het meest zichtbare deel van de pagina staat en de klik-om-te-openen-stap wegneemt, starten bezoekers er veel meer gesprekken mee dan met een bubbel.
Onder de motorkap is het dezelfde assistent: je kennisbank, AI-instructies, kleuren, privacy-instellingen, leadregistratie, boekingen en elke andere instelling gelden voor beide stijlen. Menselijke overname, transcripties en gespreksgeschiedenis werken identiek.
Inschakelen
Open Aanpassen in je dashboard en kies de Ask AI-balk onder Widgetstijl. Dat is alles - je bestaande insluitcode en plugins blijven werken, en de nieuwe stijl verschijnt bij de volgende paginalading. Er zijn geen codewijzigingen nodig op je website.
De balk is beschikbaar in de Pro- en Enterprise-abonnementen. Als je abonnement later wijzigt, valt je website automatisch terug op de klassieke bubbel - er gaat niets kapot.
Placeholdertekst
Standaard nodigt de balk bezoekers uit met de tekst Ask AI, automatisch vertaald naar de taal van elke bezoeker. Je kunt die vervangen door je eigen formulering - bijvoorbeeld, Vraag het onze reisexpert - in de instelling voor de placeholdertekst van de balk, die verschijnt zodra de balkstijl is geselecteerd.
Balkbreedte
Twee schuifregelaars in de widgetinstellingen bepalen hoe breed de balk kan worden. De eerste stelt de breedte op grote schermen in; de standaard is 640 pixels. De tweede, Balkbreedte op telefoons, staat standaard uit - telefoons gebruiken dan de volledige schermbreedte, wat er op kleine schermen het best uitziet. Zet hem aan om telefoons hun eigen vaste breedte te geven, beperkt door de schermgrootte.
De balk alleen op specifieke pagina's tonen
Veel websites willen de balk op contentrijke pagina's zoals documentatie of helpcentra, en de klassieke bubbel overal elders. Schakel de optie in om de balk alleen op specifieke pagina's te tonen en som de pagina's op, één per regel of gescheiden door komma's:
/pricing, /docs*, example.com/support
Bezoekers zien de balk op overeenkomende pagina's en de bubbel op alle andere pagina's. Een pad zoals /pricing werkt zonder het domein en komt overeen met precies die pagina - slashes aan het einde maken niet uit. Eindig een regel met een ster om een hele sectie te dekken: /docs* komt overeen met /docs en elke pagina eronder.
De stijl programmatisch bepalen
Ontwikkelaars kunnen per pagina een stijl afdwingen, direct op de insluitcode, met het attribuut data-asyntai-style. Het accepteert bar of bubble en heeft voorrang op de dashboardinstelling:
<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>
Gebruik bar op de pagina's die de balk moeten tonen, en bubble - of laat het attribuut gewoon weg - overal elders. Dit is handig wanneer je pagina's vanuit verschillende templates worden gerenderd en je de beslissing liever in code houdt dan in het dashboard.
Goed om te weten
- Gesprekken lopen door tussen stijlen - een bezoeker die op de ene pagina met de bubbel chatte, zet hetzelfde gesprek met de AI voort wanneer die op een andere pagina de balk tegenkomt.
- Instellingen die alleen bedoeld zijn om bezoekers de chat te laten openen - positie, chaticoon, autotrigger, begroetingsbubbel, triggerinvoer en ongelezen-badge - worden niet door de balk gebruikt, omdat die altijd zichtbaar is. Ze behouden hun waarden voor wanneer je terugschakelt.
- De balk ondersteunt volledig spraakinvoer, het uploaden van afbeeldingen, productkaarten, boekingen, e-mail- en telefoonregistratie, lokalisatie en rechts-naar-linkstalen.
- Op telefoons staat de balk boven de onderrand van het scherm en opent het gesprek fullscreen, met eerdere gesprekken in een uitschuifbaar paneel.