Klaar om Smartsupp met je website te verbinden? In deze gids neem ik je stap voor stap mee door het volledige installatieproces — van het aanmaken van je account tot het verifiëren of de chatwidget zichtbaar is op je site.
We hebben het in stappen opgedeeld:
Stap 1: Je Smartsupp account aanmaken
Heb je nog geen Smartsupp account? Meld je gratis aan. Registreren duurt maar een minuut — je hebt alleen je e-mailadres nodig.
Zodra je account is aangemaakt, ga je direct naar het Smartsupp dashboard waar je jouw unieke chat code vindt en je live chat kunt instellen.
Gerelateerde bronnen:
Hoe maak je een Smartsupp account aan? — een uitgebreide stapsgewijze gids voor het aanmaken van een account.
Dashboard overzicht — leer het Smartsupp dashboard en alle belangrijke secties kennen.
Stap 2: Je chat code vinden
Na registratie ontvang je een e-mail met je unieke Smartsupp chat code. Je vindt deze ook altijd terug in je dashboard onder Instellingen > Kanalen > Live chat > Installatie > Code invoegen.
Je chat code ziet er zo uit:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_CODE';window.smartsupp||(function(d) { var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[]; s=d.getElementsByTagName('script')[0];c=d.createElement('script'); c.type='text/javascript';c.charset='utf-8';c.async=true; c.src='//www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);})(document);</script>
Tip: Elk Smartsupp account heeft een unieke chat code. Zorg dat je het volledige codefragment kopieert — inclusief de <script>-tags.
Stap 3: Smartsupp toevoegen aan je website
Je kunt Smartsupp op drie manieren op je website installeren. Kies de methode die het beste bij jouw situatie past:
Optie A: Plak de code direct
Plaats de chat code in de HTML van je website, tussen de <head> ... </head>-tags. Zo laadt Smartsupp op elke pagina van je site.
Optie B: Gebruik Google Tag Manager
Gebruik je al Google Tag Manager om scripts te beheren? Je kunt de Smartsupp code als aangepaste HTML-tag toevoegen. Erg handig als je al je scripts centraal wilt beheren.
Optie C: Gebruik een plugin
Smartsupp heeft plugins en integraties voor veel populaire platforms. Met een plugin hoef je geen code aan te passen — gewoon installeren en je Smartsupp account koppelen.
Plugins zijn beschikbaar voor platforms als:
Let op: Niet zo handig met code? Gebruik dan een plugin of vraag je webontwikkelaar om hulp bij de installatie.
Gerelateerde bronnen:
Google Tag Manager — stappenplan voor installatie via GTM.
Plugins downloaden — bekijk alle platformintegraties.
Stap 4: Je installatie verifiëren
Na het toevoegen van de code aan je website, open je je site in een browser om te controleren of de chat widget rechtsonder in beeld verschijnt. Je ziet de Smartsupp chat ballon, klaar voor bezoekers om op te klikken.
Verschijnt de widget niet? Controleer dan het volgende:
De code is geplaatst tussen de <head> ... </head>-tags (of wordt geladen via GTM / plugin).
Je website is gepubliceerd en publiek toegankelijk.
Er zijn geen JavaScript-fouten die het laden van het script blokkeren.
Let op: Na installatie zie je mogelijk demo berichten in je dashboard. Deze horen bij de onboarding van Smartsupp en helpen je oefenen met het platform — ze zijn niet van echte bezoekers.
Tip: Smartsupp werkt ook op tablets, iPads en in onze mobiele apps voor Android en iPhone. Download de gratis mobiele app zodat je onderweg overal kunt chatten met je klanten!
Geavanceerd: Multi-domein & API-aanpassingen
Je kunt Smartsupp op een bepaald aantal domeinen installeren, afhankelijk van je pakket. Wil je per website het uiterlijk of de taal van de chat widget aanpassen? Gebruik dan de Smartsupp API voor geavanceerde configuratie.
Let op: API-aanpassingen (zoals het instellen van verschillende chat box-kleuren of talen per domein) zijn beschikbaar op het Expert- en Ultimate-pakket. Meer weten? Bekijk de API-documentatie.
Wat nu?
Basisinstellingen chat box — Pas kleuren, positie, welkomstberichten en meer aan.
Flow — Stel geautomatiseerde chat flows in om 24/7 bezoekers te betrekken.
Introductie tot de Mira AI-winkelassistent — Laat AI gesprekken afhandelen en producten aanbevelen.
Welk pakket moet ik kiezen? — Vergelijk pakketten en vind de beste optie voor jouw bedrijf.