Handleidingen

Het chatvenster plaatsen op een eigen of maatwerkwebsite

Voor websites zonder bekend systeem, of die door een websitebouwer zijn gemaakt. Eén regel code vlak voor de afsluitende body-tag, op elke pagina.

Tijd: 10 minuten (voor een websitebouwer)

Wat u nodig heeft: Toegang tot de bestanden of de code van uw website (of een websitebouwer die dat heeft), en de regel code uit uw opleveringsmail van Chatunda

Download deze handleiding als pdf, handig om door te sturen naar uw websitebouwer.

Voor wie is deze handleiding?

Deze handleiding is voor websites die niet met een van de bekende systemen zijn gemaakt, zoals Shopify, WordPress of Wix. Bijvoorbeeld een website die een websitebouwer voor u op maat heeft gemaakt.

Tip: Weet u niet waarmee uw website is gemaakt? Kijk helemaal onderaan uw website: daar staat vaak "Gemaakt met" of "Powered by". Of stuur deze handleiding met de regel code uit uw e-mail door naar uw websitebouwer. Daarmee kan uw websitebouwer direct aan de slag.

Wat er moet gebeuren

U heeft van ons een e-mail gekregen met als onderwerp dat uw digitale assistent live staat. Daarin staat een regel code die er ongeveer zo uitziet:

<script src="https://uwwinkel.chatunda.com/widget/CC-2026-XXXXXX-widget.js"></script>

Die regel moet op elke pagina van de website komen te staan, vlak vóór de afsluitende tag </body>. Gebruik altijd de regel uit uw eigen e-mail, niet het voorbeeld hierboven.

Stap voor stap (voor wie de code zelf aanpast)

  1. Kopieer de regel code uit de e-mail van Chatunda.

  2. Zoek in de website het bestand dat op elke pagina wordt gebruikt voor de onderkant van de pagina. Dat heet vaak footer, layout, template of base. Heeft de website geen gedeeld bestand, dan doet u de volgende stappen in elk HTML-bestand.

  3. Zoek in dat bestand naar </body>. Gebruik daarvoor de zoekfunctie van uw editor: Ctrl en F (op een Mac: Cmd en F).

  4. Zet de regel code op een eigen regel, direct boven </body>:

    <script src="https://uwwinkel.chatunda.com/widget/CC-2026-XXXXXX-widget.js"></script>
</body>

  5. Sla het bestand op en zet het op de server, op dezelfde manier als u andere wijzigingen aan de website publiceert.

Let op: Het script heeft geen koppeling, plug-in of extra instellingen nodig. Het laadt zelf de stijl en het venster, en wacht tot de pagina geladen is. Het chatvenster werkt alleen op de domeinnaam die bij Chatunda bekend is. Draait de website ook op een ander adres, zoals een testomgeving, mail ons dat adres dan.

Controleren of het gelukt is

  1. Open de website in een nieuw tabblad, zoals een bezoeker dat zou doen.

  2. Ververs de pagina: druk op F5 (op een Mac: Cmd en R).

  3. Rechtsonder (of linksonder, als dat zo is gekozen) verschijnt nu een rond knopje. Klik erop en stel een vraag.

Gelukt? Dan is de digitale assistent vanaf nu voor alle bezoekers te zien.

Het lukt niet

  • Ik zie geen knopje. Staat de code echt op de pagina? Klik met de rechtermuisknop op de pagina, kies Paginabron weergeven (View page source) en zoek naar chatunda. Staat hij er wel, dan kan een beveiligingsinstelling (Content Security Policy) het script tegenhouden. Uw websitebouwer kan het adres van uw digitale assistent daarin toestaan.
  • Het lukt nog steeds niet. Mail info@chatunda.com met het adres van de website. Wij kijken graag mee, ook met uw websitebouwer.

Versie 1, 24 september 2026. Klopt er iets niet meer? Mail info@chatunda.com, wij helpen u graag.

Alle handleidingen