Eerst de pagina, dan de widget
“Zet AI-chat op de website” klinkt als één scriptregel. Daarna blijkt de widget over de cookiebanner te liggen, de “bestel”-knop te raken, en op de kassa een gesprek te starten terwijl iemand wil betalen.
Werk in de volgorde Pagina–Positie–Test. Pagina: waar de chat mag praten. Positie: widget, knop, openingszin. Test: banner, overlap met knoppen, eventuele scriptblokkade. Scope, stopregels en de vragenlijst vóór livegang horen bij de implementatie; bronnen onderhouden bij de kennisbank.
Welke pagina’s de chat verdienen
Lees de tabel van links naar rechts. Elke rij is een paginatype, geen merkenkeuze. Een pagina zonder taak krijgt geen chat “voor het geval dat”.
| Pagina | Chat aan? | Let op |
|---|---|---|
| Hulp, FAQ of contact | Ja, als de taak daar leeft | Startvragen van díe pagina, niet de homepage-pitch. |
| Product- of dienstpagina | Ja, beperkt tot wat die pagina belooft | Geen interne tarieven of voorwaarden die er niet staan. |
| Home | Ja, als wegwijzer | Eén of twee taken, niet “vraag maar iets”. |
| Afrekenen, inloggen, betalen | Nee, of strikt uitgeschakeld | Afleiding, overlap met knoppen, extra gegevens in het gesprek. |
| Vacatures, privacy, cookies | Meestal uit | Andere job; een chatbot is daar zelden de juiste vorm. |
Plek: widget, knop en eerste zin
De widget rechtsonder is bekend, en botst vaak met cookiebanners, sticky menu’s en vaste actieknoppen. Schuif of verberg hem waar hij een knop raakt. Een knop in de tekst — “stel je vraag” bij een FAQ — mag de chat openen zonder dat de widget overal meereist.
Het openingsbericht moet uiterlijk bij het eerste contact duidelijk maken dat het AI is, niet een medewerker. Dat volgt uit de Europese transparantieregels sinds 2 augustus 2026; details en uitzonderingen staan bij de Autoriteit Persoonsgegevens, dit is geen juridisch advies. Startvragen horen bij de pagina: op een retourpagina geen “plan een demo”.
Het script: één keer, in de layout
Avanza.chat laadt de widget met een snippet: een klein stukje code in de gedeelde layout, bij voorkeur onderaan de pagina, plus het widget-script vanaf het Avanza-domein. In het snippet staat jullie organisatie-id. Kopieer dat uit het account van vandaag, niet uit een screenshot van vorig jaar.
- 1Plak het snippet één keer in thema, site-footer of het HTML-veld van WordPress, Webflow, Wix, Shopify of eigen HTML — niet als losse kopie op twintig pagina’s.
- 2Laat de chat alleen zien op de pagina’s uit de tabel. Begin smal; uitbreiden volgt na de proef.
- 3Als een knop de chat opent: stuur hooguit publieke paginacontext mee (welke pagina, welke knop). Geen tokens, geen klantnummers, geen geheimen.
- 4Test of het script aankomt. Sommige adblockers en strenge browsers weren scripts van een ander domein; dan opent de widget niet. Dat is een testhinder — check organisatie-id en blokkades voordat je een tweede snippet toevoegt.
Een knop die de chat opent voordat het script klaar is, moet het commando in de wachtrij zetten. Als niets gebeurt: eerst organisatie-id en scriptblokkade checken.
Test op de pagina — en daarna pas groter
Open de gekozen pagina’s in de browser. Open de widget, open een pagina-knop, sluit de chat, scroll naar een formulier. Als de cookiebanner de chat bedekt, of andersom, klopt de plek nog niet.
Meet daarna drie dingen op díe pagina’s: wordt de chat geopend, wordt de vraag inhoudelijk afgerond of overgedragen, en stopt iemand halverwege. Widget-sluitingen zijn geen resolutie. Voor groeiend Nederlands MKB met een duidelijke website-taak is weinig pagina’s, eigen teksten en overdracht naar een medewerker de nuttige manier om live te gaan. Avanza.chat levert daarvoor de widget: merkbaar, vanuit de layout, met een knop als je die wilt. Een groot ticketsysteem vraagt een andere inrichting.
Zo werkt het
- 1
Kies de pagina’s
Zet de chat waar de taak leeft: hulp, product of contact. Laat hem uit of streng beperkt op afrekenen, inloggen en betaalstappen.
- 2
Stel de plek in
Openingsbericht dat het AI is, startvragen die bij déze pagina horen, en een knop of widget die niets anders afdekt.
- 3
Plaats het script in de gedeelde layout
Plak het snippet uit je Avanza-account onderaan de pagina, met jullie organisatie-id. Eén keer in het thema of de site-footer, niet op elke pagina een kopie.
- 4
Open vanaf een knop als dat de taak dient
Een FAQ- of “stel je vraag”-knop mag de chat openen. Stuur alleen publieke paginacontext mee, geen geheimen of klantdata.
- 5
Test banner, overlap en blokkades
Controleer cookiebanner, sticky menu’s, of knoppen nog klikbaar zijn, en of het script aankomt als een adblocker of strenge browser externe scripts weert.
- 6
Meet of de pagina-job lukt
Kijkt iemand, stelt iemand een vraag, wordt die opgelost of overgedragen? Een widget die nooit opengaat is geen live chat.
Veelgestelde vragen
Moet de chat op elke pagina staan?
Zet hem waar bezoekers een vraag hebben die jullie teksten beantwoorden. Op afrekenen, inloggen of een betaalstap leidt hij af en raakt hij eerder gevoelige gegevens. Begin met één of twee pagina’s.
Werkt het op WordPress, Shopify of Webflow?
Ja, werkt op elk website CMS. Plak het actuele snippet uit je Avanza-account in je website header of plaats het via je Google Tag Manager account, behoud zelf de controle.
Mag ik de chat via Google Tag Manager laden?
Dat kan natuurlijk ook, dit is misschien wel de makkelijkste manier. Je behoud zo het overzicht over welke scripts er allemaal draaien binnen je website, en of het bijvoorbeeld conflicteert met je bestaande cookiebanner.
Is de widget plaatsen hetzelfde als implementeren?
Pagina en embed gaan over waar en hoe de chat verschijnt. Taak, stopregels en een gouden vragenlijst horen bij betrouwbare implementatie; bronnen die iemand durft te ondertekenen, bij kennisbank trainen. Een script zonder die keuzes is een widget, geen hulp.
