De agent installeren op een Tilda website

Stapsgewijze handleiding: waar u de widgetcode in Tilda plaatst, hoe u deze koppelt aan de winkelwagen, wat u met de cache doet en hoe u controleert of de agent op alle pagina's werkt.

6 september 2026

Tilda — een veelvoorkomend scenario bij onze winkels: de website is mooi, de producten zijn er, maar er is niemand om vragen te beantwoorden. De installatie duurt vijf minuten en vereist geen programmeur.

Stap 1. Kopieer de code#

Open in het dashboard “Widget en link” en klik op “Code kopiëren”. Dit is één regel code, zoals <script src="…" async></script>.

Stap 2. Plak de code in Tilda#

1. Open in uw Tilda-dashboard het gewenste project.
2. Klik op “Site-instellingen”.
3. Ga naar het gedeelte “Meer” → “HTML-code voor invoeging in head/body”.
4. Plak de code in het veld HTML-code voor body (niet in de head).
5. Opslaan.

De volgende stap is verplicht en wordt vaak vergeten: publiceer alle pagina's opnieuw. Tilda past de code toe bij publicatie, dus op niet-gepubliceerde pagina's verschijnt de widget niet. In de lijst met pagina's vindt u een knop om alles in één keer te publiceren.

Stap 3. Koppel met de winkelwagen#

Als u een Tilda-winkel met een eigen winkelwagen heeft, hoeft u de betaling in de chat niet in te schakelen. Geef in plaats daarvan in de winkelinstellingen een link naar de winkelwagen op: meestal is dit het adres van de winkelwagenpagina van uw website. De agent begeleidt de koper ernaartoe, en het afrekenen verloopt op de gebruikelijke manier.

Als er geen winkelwagen is en producten “op aanvraag” worden verkocht, schakel dan betaling in de chat in — dan blijft het hele proces binnen de chat. Details vindt u in het artikel Betalen in de chat.

Stap 4. Stel de catalogus samen#

Geef in de instellingen het websiteadres op en start de analyse. De crawler leest Tilda-productkaarten, inclusief prijzen, kenmerken en foto's, en bepaalt tegelijkertijd de valuta van de winkel.

Als uw producten niet in de Tilda-catalogus staan, maar als blokken op pagina's zijn beschreven, zal de crawler nog steeds prijzen en namen vinden, maar de productkaarten zullen minder gedetailleerd zijn. In dit geval helpt een CSV-import vanuit “Catalogus” — Tilda kan producten naar een bestand exporteren.

De agent vertelt niet over het product — hij leidt ernaartoe#

Dit is het punt waarop de chat meer wordt dan een chat. Een koper vraagt “wat heeft u tot drieduizend”, en de agent antwoordt niet met een alinea tekst, maar met productkaarten: foto, naam, prijs, knop. Een klik opent diezelfde productpagina op uw website — in hetzelfde venster, zonder nieuw tabblad en zonder contextverlies.

Vervolgens komt de persoon in de vertrouwde Tilda-funnel terecht: uw productkaart, uw “Kopen”-knop, uw winkelwagen. De agent heeft geleid, de winkel heeft verkocht.

Een tweede, vaak onverwacht aspect: de agent ziet welke pagina de koper op dat moment bekijkt. Hij haalt de productinformatie van de pagina — naam, artikelnummer, prijs — en begrijpt de vraag in context. Iemand staat op de productkaart van een blauwe fauteuil en typt “zijn er kussens bij?” — de agent weet over welke fauteuil het gaat en stelt voor wat er echt bij past.

De productlink werkt ook waar geen website is: als de productkaart afkomstig is van een Instagram- of TikTok-post, opent de knop de oorspronkelijke post. De catalogus is samengesteld uit verschillende bronnen, maar leidt altijd naar de plek waar men kan kopen.

1. Open de website in incognitomodus. De chatknop zou binnen een seconde of twee in de rechterbenedenhoek moeten verschijnen.
2. Stel een vraag over een product — de agent moet een productkaart tonen.
3. Vraag naar de levering — het antwoord moet overeenkomen met uw voorwaarden.
4. Controleer op mobiel: op de mobiele versie mag de knop de Tilda-winkelwagen niet overlappen.

Als de knop iets belangrijks overlapt, wijzig dan de positie naar links in het gedeelte “Widget en link”.

Chat in de stijl van de website#

Tilda-websites kunnen zowel licht als uitgesproken donker zijn, daarom heeft de widget drie themamodi: licht, donker en “zoals bij de bezoeker”. De laatste past zich aan de apparaatinstellingen van de gebruiker aan en is de standaardinstelling.

Als uw website een consistente stijl heeft, stel dan diezelfde thema vast in — de chat zal dan niet langer opvallen als een afwijkend element in de hoek. De accentkleur blijft daarbij uw eigen keuze, ongeacht het thema.

Stap 5. Controleer#

Veelvoorkomende problemen#

De widget verschijnt niet. Negen van de tien keer zijn de pagina's niet opnieuw gepubliceerd na het invoegen van de code. Publiceer opnieuw en ververs de pagina met een cache-reset.

De widget is niet op alle pagina's zichtbaar. De code is niet in de site-instellingen geplaatst, maar in een apart T123-blok op één pagina. Verplaats deze naar “Site-instellingen” → “Meer”.

De knop verschijnt met vertraging. Dit is normaal: het script laadt asynchroon, na de hoofdinhoud, om de pagina niet te vertragen.

Conflict met een andere chat. Twee chats in dezelfde hoek overlappen elkaar. Laat er één staan of plaats ze aan verschillende kanten.

Veelgestelde vragen#

Is een betaald Tilda-abonnement nodig#

De code wordt ingevoegd in de site-instellingen, wat beschikbaar is bij betaalde Tilda-abonnementen. Bij een gratis abonnement wordt het invoegen van willekeurige code niet ondersteund — gebruik dan een link naar de agent en plaats deze als knop op de pagina.

Vertraagt de widget de website#

Nee. Het script is licht en laadt asynchroon, het chatvenster zelf wordt pas geladen wanneer op de knop wordt geklikt. Dit heeft geen invloed op de laadsnelheid van de Tilda-pagina.

Kan de agent op slechts één pagina worden geplaatst#

Ja, plak de code niet in de site-instellingen, maar in een “T123 HTML”-blok op de gewenste pagina. Dit wordt bijvoorbeeld gedaan voor een landingspagina van één product.

Werkt dit met Tilda Store#

Ja. De agent leest productkaarten en de winkelwagen, en laat het afrekenen over aan de Tilda-winkel: de koper gaat naar uw winkelwagen met het geselecteerde product.

Hoe verwijder ik de widget van de website#

Verwijder de coderegel in de site-instellingen en publiceer de pagina's opnieuw. Gegevens en gesprekken blijven daarbij behouden, de link naar de agent blijft werken.