Klaar om Smartsupp aan je website te koppelen? Deze handleiding neemt je mee door de hele installatie – van het aanmaken van je account tot het controleren of de chatwidget live op je site staat.
We hebben het opgedeeld in stappen:
Stap 1: Maak je Smartsupp-account aan
Heb je nog geen Smartsupp-account, meld je dan eerst gratis aan. De registratie kost maar een minuut – je hebt alleen je e-mailadres nodig.
Zodra je account is aangemaakt, kom je in het Smartsupp-dashboard, waar je je eigen chatcode vindt en je livechat kunt instellen.
Gerelateerde bronnen:
Hoe maak je een Smartsupp-account aan? – uitgebreide stapsgewijze handleiding voor het aanmaken van je account.
Overzicht van het dashboard – maak kennis met het Smartsupp-dashboard en de belangrijkste onderdelen.
Stap 2: Zoek je chatcode op
Na je aanmelding krijg je een e-mail met je eigen Smartsupp-chatcode. Je vindt die ook altijd terug in je dashboard onder Instellingen > Kanalen > Livechat > Installatie > Code invoegen.
Je chatcode 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 eigen chatsleutel. Zorg dat je het hele stukje code kopieert – inclusief de openings- en sluitingstags <script>.
Stap 3: Voeg Smartsupp toe aan je website
Er zijn drie manieren om Smartsupp op je website te installeren. Kies de manier die het beste bij je opzet past:
Optie A: Plak de code rechtstreeks
Voeg de chatcode toe aan de HTML van je website, tussen de tags <head> ... </head>. Zo laadt Smartsupp op elke pagina van je site.
Optie B: Gebruik Google Tag Manager
Gebruik je Google Tag Manager al om de scripts op je website te beheren, dan kun je de Smartsupp-code als aangepaste HTML-tag toevoegen. Handig als je al je scripts op één plek wilt houden.
Optie C: Gebruik een kant-en-klare plug-in
Smartsupp biedt plug-ins en integraties voor veel populaire platformen. Met een plug-in hoef je geen code aan te raken – je installeert de plug-in en koppelt je Smartsupp-account.
Er zijn plug-ins voor platformen als:
Let op: Voel je je niet zeker bij het aanpassen van de code van je website, gebruik dan een plug-in of vraag je webontwikkelaar om hulp bij de installatie.
Gerelateerde bronnen:
Google Tag Manager – stapsgewijze handleiding voor de installatie via GTM.
Plugins downloaden – bekijk alle beschikbare integraties met platformen.
Stap 4: Controleer je installatie
Heb je de code aan je website toegevoegd, open je site dan in een browser en kijk of de chatwidget in de onderhoek van de pagina verschijnt. Je hoort de chatbubbel van Smartsupp te zien, klaar voor je bezoekers.
Verschijnt de widget niet, controleer dan het volgende:
Staat de code tussen de tags <head> ... </head> (of wordt die via GTM of een plug-in geladen)?
Is je website gepubliceerd en openbaar bereikbaar?
Zijn er geen JavaScript-fouten die het laden van het script blokkeren?
Let op: Na de installatie zie je in je dashboard mogelijk demoberichten. Die horen bij de onboarding van Smartsupp en helpen je om met het platform te oefenen – ze komen niet van echte bezoekers.
Tip: Smartsupp werkt ook op tablets, op de iPad en in onze eigen mobiele apps voor Android en iPhone. Download de gratis mobiele app, zodat je onderweg met je klanten kunt chatten!
Geavanceerd: meerdere domeinen en aanpassingen via de API
Smartsupp kan op een bepaald aantal domeinen worden geïnstalleerd, afhankelijk van je pakket. Wil je het uiterlijk of de taal van de chatwidget per website aanpassen, dan kun je de API van Smartsupp gebruiken voor geavanceerde instellingen.
Let op: Aanpassingen via de API (zoals per domein een andere kleur of taal van de chatbox instellen) zijn beschikbaar in de pakketten EXPERT en ULTIMATE. Meer informatie vind je in de API-documentatie.
Wat is de volgende stap?
Basisinstellingen van de chatbox – pas kleuren, positie, welkomstberichten en meer aan.
Flow – stel geautomatiseerde chatflows in die bezoekers 24/7 aanspreken.
Introductie tot de Mira AI Shopping Assistant – laat AI gesprekken afhandelen en producten aanbevelen.
Welk pakket moet ik kiezen? – vergelijk de pakketten en vind het beste pakket voor je bedrijf.