Websitewidget
Met de OneTwoAgent-widget kunnen klanten je rechtstreeks berichten sturen vanaf je website op desktop en mobiel, terwijl alle chats in je Conversations-inbox terechtkomen.
AI-websitechat-widgetLeadcaptatie via websitechatNo-code webchat-setupKlantberichten op je website
Wat dit artikel behandelt
- Hoe je het ontwerp en gedrag van de widget aanpast.
- Hoe je de widget op je website installeert.
- Hoe je veiligheidsinstellingen toepast, zoals toegestane domeinen en uitgesloten pagina’s.
1. Widget-instellingen openen
Ga naar Channels -> Widget. Als de widget nog niet is ingeschakeld, doe dat eerst.
- Widgetvoorbeeld.
- Aanpassingsinstellingen.
- Installatiecode.
2. Het ontwerp van de widget aanpassen
Je kunt de widget laten aansluiten op bijna elke website-stijl.
- Widgetkleuren: knopkleur, achtergrond, tekstkleuren en accentkleur.
- Typografie: lettertypefamilie of stijlpresets en lettergrootte waar beschikbaar.
- Icoon en merkelementen: launcher-icoon, bedrijfsnaam in de header en optionele ondertitel of korte begroeting.
- Positie en lay-out: rechtsonder of linksonder, afstand tot de schermranden en gedrag op mobiel.
- Gedrag: automatisch openen vs alleen op klik, zichtbaarheid van begroeting, alle pagina’s of geselecteerde pagina’s.
Notities
- Houd de widget minimalistisch: eenvoudige kleuren, een duidelijke titel en één korte begroeting.
3. De widget op je website installeren
Standaardinstallatie (aanbevolen).
- 1Kopieer het widgetscript uit Channels -> Widget -> Install code
- 2Voeg het toe aan je website zodat het op elke pagina laadt.
- 3Beste plek: binnen <head>, vóór </head>.
- 4Als <head> niet beschikbaar is, plaats het dan vóór </body> (werkt ook, maar laadt mogelijk iets trager).
Notities
- Na installatie en publicatie zou de widget op je live site moeten verschijnen.
4. Installeren op populaire platforms
- Shopify: Online Store>Themes>Edit code -> layout/theme.liquid -> plak vóór </head> -> Save
- Wix Optie A: Settings -> Custom Code -> Add New Tool -> plak de code -> Load on all pages -> plaats in Head -> Save en publiceer.
- Wix Optie B: voeg het script toe via het globale scripts-/plugin-gedeelte van de site en zorg dat het op alle pagina’s laadt.
- Webflow: Project Settings>Custom Code>plak in Head Code -> Save en publiceer.
- WordPress: gebruik een header-scripts-plugin (Header-sectie) of plak het in header.php vóór </head>.
- Custom-coded sites: plaats het script in het globale HTML-template binnen <head> of vóór </body>.
Of stuur dit naar je developer
6. Veiligheids- en controle-instellingen
Aanbevolen instellingen voor veiliger en netter gedrag.
- Toegestane domeinen: voorkom dat widgetcode op niet-gerelateerde websites wordt hergebruikt.
- Voorbeelddomeinen: yourdomain.com, www.yourdomain.com, shop.yourdomain.com.
- Uitgesloten pagina’s: verberg de widget waar die niet relevant is.
- Veelvoorkomende uitsluitingen: checkout, orderbevestiging, account/login, privacy en technische pagina’s.
- Voorbeeldpaden: /checkout, /account, /thank-you.
Notities
- Begin simpel: zet de widget eerst overal aan en sluit daarna alleen de pagina’s uit die je echt niet wilt.
7. Hoe widgetchats werken in OneTwoAgent
- Wanneer een klant via de widget een bericht stuurt, verschijnt er een nieuw gesprek in Conversations.
- Je kunt altijd handmatig antwoorden.
- Als Auto Sales is ingeschakeld, kan de assistent automatisch reageren met je setup en catalogus.
Probleemoplossing
- Widget wordt niet getoond: controleer dat het script op de live site staat (niet alleen in preview), publiceer je wijzigingen en controleer toegestane domeinen als die zijn ingeschakeld.
- Widget verschijnt alleen op sommige pagina’s: controleer regels voor uitgesloten pagina’s en bevestig dat het script globaal is geïnstalleerd.
- Berichten komen niet binnen: controleer of je het juiste OneTwoAgent-bedrijfsaccount gebruikt en of de widget is ingeschakeld in Channels -> Widget.
Gerelateerde handleidingen
Ga verder met de volgende instelstappen rond kanalen, boekingen, planning of automatisering.
Veelgestelde vragen
Kan ik de widget installeren zonder volledige maatwerkintegratie?
Ja. De normale setup is één widgetscript op je website, plus ontwerp- en gedragsinstellingen in het dashboard.
Werkt de widget op mobiel net zo goed als op desktop?
Ja. De widget is bedoeld voor zowel desktop- als mobiele bezoekers, met gesprekken in dezelfde inbox.