Zo zet je de chat op je website

Waar je de code vindt

Ga in het dashboard naar Widget, tabblad Installatie. Kies bij Waar staat je website? je platform - je ziet stap-voor-stap-instructies en een knop Code kopiëren.

De code ziet er zo uit (in jouw code staat een eigen sleutel in plaats van YOUR_KEY - kopieer hem uit het dashboard):

<script src="https://chatrina.com/widget/widget.js" data-key="YOUR_KEY" async></script>

WordPress en WooCommerce

1. Ga in WordPress naar Plugins → Nieuwe plugin en installeer de gratis plugin WPCode.
2. Ga naar Code Snippets → Header & Footer.
3. Plak de code in het vak Footer.
4. Klik op Wijzigingen opslaan. De chat verschijnt op elke pagina.

Zonder plugin: Weergave → Thema-bestandseditor → footer.php en plak de code direct vóór </body>. WooCommerce draait op WordPress, dus de stappen zijn hetzelfde.

Shopify

1. Ga in Shopify naar Webwinkel → Thema's.
2. Klik naast het live thema op … → Code bewerken.
3. Open het bestand layout/theme.liquid.
4. Zoek </body> (Ctrl+F of Cmd+F) en plak de code er direct vóór.
5. Klik op Opslaan.

Wix

1. Ga in Wix naar Instellingen → Geavanceerd → Aangepaste code.
2. Klik op + Aangepaste code toevoegen en plak de code.
3. Kies Alle pagina's en plaats de code in Body - einde.
4. Klik op Toepassen en publiceer de site.

Webflow

1. Open Site settings → Custom code.
2. Plak de code in het vak Footer code.
3. Sla op en publiceer de site (Publish).

Een website gebouwd met AI (Lovable, Bolt, Cursor, Replit, Claude)

Kies de kaart Vibecoding (AI) en klik op Prompt kopiëren. Plak de prompt in de chat van je tool - de AI zet de code op de juiste plek. Accepteer daarna de wijzigingen en publiceer de site.

Elke andere website

Open de template die op elke pagina staat (meestal de footer of de hoofdlayout) en plak de code direct vóór de afsluitende </body>. Sla op en publiceer de wijzigingen.

Beheert iemand anders je website?

Kies de kaart Naar een ontwikkelaar sturen, vul het e-mailadres in en klik op Code en instructies versturen. Diegene krijgt de code en instructies voor populaire platforms. De e-mail bevat geen inloggegevens.

Controleer of het werkt

Open na het plakken je website in de browser (vernieuw de pagina), ga terug naar het dashboard en klik op Controleren of het werkt. Je ziet ✓ Widget werkt op … met je websiteadres, of een tip over wat er nog ontbreekt.

Verschijnt de chat niet?

• In Widget → Uiterlijk en wat er op de site staat moet bovenaan de schakelaar op Widget ingeschakeld op de website staan, en onder Wat er op je site staat moet Chat aan staan.
• Je abonnement moet actief zijn of de proefperiode moet lopen.
• Heb je in het tabblad Installatie domeinen ingevuld bij Op welke websites de widget mag werken, dan werkt de chat alleen daar. Leeg = hij werkt overal waar je de code plakt.
• Zijn de gesprekken voor deze maand op, dan verdwijnt de chat tot het einde van de periode of tot je een bundel toevoegt - abonnementen en limieten.
• Adblockers bij de bezoeker kunnen de chat in diens browser verbergen.

Veelgestelde vragen