Het chatvenster plaatsen in WordPress en WooCommerce

Voordat u begint

Deze handleiding geldt voor elke website die met WordPress is gemaakt, ook als u een webshop heeft met WooCommerce.

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.

We gebruiken de kosteloze plug-in WPCode. Die zet de code netjes op elke pagina, zonder dat u in de bestanden van uw thema hoeft te komen. De code blijft ook staan als u later van thema wisselt.

Stap 1: de plug-in WPCode installeren

1. Log in op het beheer van uw website. Het adres is meestal uw website met /wp-admin erachter, bijvoorbeeld www.mijnwinkel.nl/wp-admin.

2. Ga in het menu aan de linkerkant met de muis naar Plugins en klik op Plugin toevoegen (in het Engels: Add New Plugin).

   

3. Typ rechtsboven in het vak Plugins zoeken: WPCode.

   De plug-in die u zoekt heet WPCode (voluit: Insert Headers and Footers + Custom Code Snippets) en heeft een blauw logo. Het is meestal de eerste in de lijst.

   

4. Klik bij die plug-in op Nu installeren (Install Now). Wacht tot de knop verandert in Activeren (Activate) en klik daarop.

   

   In het menu links verschijnt nu een nieuw onderdeel: Code snippets.

Stap 2: de code plakken

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. Ga terug naar het WordPress-beheer. Ga in het menu links met de muis naar Code snippets en klik op Header & footer.

   

   U komt op de pagina Globale header en footer, met drie grote vakken onder elkaar: Header, Body en Footer.

3. Scrol naar het onderste vak, Footer. Klik erin.

   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.

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

5. Klik rechtsboven op de blauwe knop Wijzigingen opslaan (Save Changes).

   

   Bovenaan verschijnt de melding Instellingen opgeslagen.

   

Controleren of het gelukt is

1. Open uw 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 u dat zo heeft gekozen) verschijnt nu een rond knopje. Klik erop en stel een vraag.

Het lukt niet

• Ik zie geen knopje. Gebruikt u een plug-in die uw website sneller maakt, zoals WP Rocket, LiteSpeed Cache, W3 Total Cache of WP Super Cache? Leeg dan de cache: in het menu bovenaan of links staat meestal een knop als Cache legen (Clear cache). Ververs daarna uw website.
• Ik kan Plugins niet vinden. U bent dan waarschijnlijk niet ingelogd als beheerder. Vraag de beheerder of websitebouwer om het te doen, of om u beheerdersrechten te geven.
• Mijn website draait op WordPress.com. Plug-ins installeren kan daar alleen met een betaald abonnement dat plug-ins toestaat (Business of Creator). Mail ons als u twijfelt.
• 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.

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

Alle handleidingen