Widget installeren op een website

Het script, token en domein vormen samen één controle

De door Wavize geleverde code laadt de widget met een ondertekend openbaar token. "Openbaar" betekent dat het in de browser kan voorkomen; het is niet herbruikbaar op elk willekeurig domein. Het token is gekoppeld aan het geregistreerde domein.

Installeer de codeblokkade zonder het ID te wijzigen en test vervolgens de voor de bezoeker geladen pagina. Een editor kan de code laten zien zonder het daadwerkelijk te publiceren, en een cache kan een oude versie blijven leveren.

De verkeerde data niet delen
Het widgettoken is zichtbaar aan de clientzijde. Een WooCommerce, PrestaShop, Shopify, Wix, Klaviyo of Mailchimp sleutel is echter geheim en mag nooit in de HTML worden geplakt.

Het juiste domein voorbereiden

Het domein tijdens onboarding moet overeenkomen met het publieke adres waar je test.

1. HTTPS en www-variant

   Controleer de uiteindelijke redirect in de browser. Als de site uitkomt op www.voorbeeld.com, test dan niet alleen voorbeeld.com zonder bevestiging dat het toegestane domein ook die variant dekt.

2. Één token per toegestaan domein

   Kopieer geen code van de ene omgeving naar een ander productiedomein of preproductie. Genereer of selecteer het juiste token in Assistent > Installatie.

3. Beschikbare abonnement

   De publieke laadtijd hangt ook af van toegang tot de formule. Een correct script kan verborgen blijven als het abonnement niet meer actief is.

Code plaatsen afhankelijk van het platform

De methode hangt af van het CMS, maar het verwachte resultaat is altijd hetzelfde: de script verschijnt precies één keer op alle gewenste pagina’s.

1. HTML-site of tag manager

   Plak de code net voor de sluitende body-tag of op een globale plek die na vereiste toestemming wordt uitgevoerd. Vermijd laden in zowel het thema als de tag manager.

2. WordPress / WooCommerce

   Gebruik de module die je tijdens onboarding hebt gedownload, activeer deze en plak het token in de instellingen. JavaScript-optimalisatie mag het script niet vertragen, combineren of ongeldig maken.

3. PrestaShop

   Installeer de module via het beheerpaneel, open de configuratie en voer het token in. Leeg daarna de Smarty/PrestaShop cache en waar nodig die van de CDN.

4. Shopify en Wix

   De Shopify App Store beheert normaal gesproken App Embed en verbinding. Op Wix gebruik je alleen globale aangepaste code als jouw Wix-abonnement dit toestaat en plaats je het op alle pagina’s.

Publiceren en browserinspectie

Test in privénavigatie om cache-, toestemmings- of administrator-sessies uit te sluiten.

1. Zoek het geleverde script

   Open de broncode of het netwerk-tabblad en zoek naar Wavize. Is het er niet, dan ligt het probleem vóór het Wavize-verzoek: publicatie, thema, tag of cache.

2. Console en netwerk lezen

   Een CSP-fout duidt op een beveiligingsbeleid dat een script- of verbindingsdomein blokkeert. Een 401 / 403 wijst naar token, domein of toegang; browserextensies veroorzaken vaak enkel blokkades zonder adblocker.

3. Cookies en overlays controleren

   Accepteer de toestemmingscategorie die in je beleid staat. Als de knop bestaat maar verborgen is, controleer positie, z-index en overlap met winkelwagen, navigatie of cookie-banner.

Minimale test na publicatie

Doe deze controle op zowel een computer als een echte telefoon.

• Openingscontrole — De knop verschijnt, opent de widget en vervormt de pagina niet.
• Gesprek — Een bezoekersbericht krijgt een antwoord en verschijnt in de inbox.
• Proactieve welkomstdialoog — De campagne verschijnt volgens vertraging en limiet, niet bij elke herlaadbeurt.
• Tweede pagina — Een tweede pagina bevestigt dat de installatie globaal is.