Handleidingen

Het chatvenster plaatsen in Webflow

U plakt één regel code in de Footer code van uw site-instellingen en publiceert de website opnieuw.

Tijd: 10 minuten

Wat u nodig heeft: Toegang tot uw Webflow-project, een betaald Site plan, en de regel code uit uw opleveringsmail van Chatunda

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

Voordat u begint

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 is uniek voor uw onderneming. Gebruik altijd de regel uit uw eigen e-mail, niet het voorbeeld hierboven.

Let op: Eigen code werkt in Webflow alleen op een website met een betaald Site plan. Webflow is alleen in het Engels, daarom staan de knoppen hieronder in het Engels.

Stap voor stap

  1. Open uw e-mail van Chatunda en selecteer de hele regel code, van <script tot en met </script>.

    Klik met de rechtermuisknop op de selectie en kies Kopiëren, of druk tegelijk op Ctrl en C (op een Mac: Cmd en C).

  2. Log in op webflow.com. U ziet uw dashboard met uw websites.

  3. Ga met de muis over uw website, klik op de drie puntjes ... en kies Settings.

  4. Klik in het menu aan de linkerkant op Custom code.

  5. U ziet nu twee grote vakken: Head code en Footer code. Klik in het vak Footer code.

    Staat daar al tekst? Klik dan helemaal aan het einde van die tekst en druk één keer op Enter, zodat u op een nieuwe, lege regel staat. Haal niets weg.

  6. Plak de code: klik met de rechtermuisknop en kies Plakken, of druk tegelijk op Ctrl en V (op een Mac: Cmd en V).

  7. Klik op Save (onder of boven het vak).

  8. Publiceer de website opnieuw, anders is de code nog niet zichtbaar voor bezoekers: klik bovenaan op Publish, vink uw domeinnaam aan en klik op Publish to selected domains.

Controleren of het gelukt is

  1. Open uw website in een nieuw tabblad, zoals een bezoeker dat zou doen. Gebruik het echte adres, niet de voorvertoning in de Designer.

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

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

Gelukt? Dan is uw digitale assistent vanaf nu voor al uw bezoekers te zien. U hoeft verder niets te doen.

Het lukt niet

  • Ik zie geen knopje. Heeft u na het opslaan ook op Publish geklikt? Zonder opnieuw publiceren ziet een bezoeker de code nog niet.
  • Het lukt nog steeds niet. Mail info@chatunda.com met het adres van uw website. Stuur gerust een schermafbeelding mee. Wij kijken graag met u mee.

Tip: Laat u de website door iemand anders beheren, zoals een webdesigner? Stuur deze handleiding dan door, samen met de regel code uit uw e-mail.

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

Alle handleidingen