Gebruik je Shoper voor je online store? In deze gids leggen we je stap voor stap uit hoe je Smartsupp koppelt — via de plugin met één klik of door de code handmatig toe te voegen.
Deze handleiding is opgedeeld in de volgende onderdelen:
Smartsupp-plugin installeren
Open het Shoper-dashboard en ga naar Add-ons en integraties > Applicaties. Scroll naar beneden, zoek Smartsupp (vermeld als Smartsupp - Live Czat, Czatbot, Mira AI i więcej narzędzi AI), en klik erop.
Klik op Applicatie installeren.
Ga akkoord met de App Store-voorwaarden en klik op Installeren.
Je ziet nu een bevestiging dat de Smartsupp-plugin succesvol is geïnstalleerd.
Smartsupp instellen
Na de installatie ga je naar Add-ons en integraties > Mijn applicaties en klik je op het Smartsupp-icoon.
Maak direct een nieuw Smartsupp-account aan of log in met je bestaande account om deze te koppelen aan jouw Shoper store.
Na het koppelen kun je meteen chatten met je bezoekers of de Smartsupp-instellingen aanpassen via de Smartsupp API. Vergeet niet je wijzigingen op te slaan.
Tip: Nadat je hebt opgeslagen, open je je store in een nieuw tabblad en ververs je de pagina — nu zou de Smartsupp chat widget zichtbaar moeten zijn.
Handmatige code installatie
Werkt de plugin niet? Je kunt de Smartsupp code ook handmatig toevoegen als een JavaScript-fragment.
Chat code kopiëren
Je unieke Smartsupp chat code vind je in het dashboard onder Instellingen > Kanalen > Live chat > Installatie > Code invoegen.
Code plakken in Shoper
Ga in Shoper naar het gedeelte voor JavaScript-snippets en plak daar je Smartsupp code. Let op: verwijder de <script> en </script> tags — Shoper accepteert geen HTML-tags in dit veld.
Let op: Het JavaScript-veld in Shoper heeft een limiet op het aantal tekens, dus houd je code zo kort mogelijk. Gebruik geen //-commentaar — Shoper kan die mogelijk als niet functionerend beschouwen. Ververs na het plakken je browser om de wijzigingen te zien.
API-aanpassingen
Met de Smartsupp JavaScript API kun je het gedrag van de chat widget op je Shoper store volledig aanpassen. Hier vind je een aantal veelvoorkomende voorbeelden:
Chat widget openen met een eigen knop:
<button onclick="smartsupp('chat:open')">Chat met ons</button>
De chat widget verbergen op specifieke pagina's (zoals winkelwagen of afrekenen):
if (location.pathname.startsWith('/cart') || location.pathname.startsWith('/checkout')) { _smartsupp.hideWidget = true; }
De standaard chatknop verbergen en onzichtbaar houden nadat deze is gesloten:
smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });
Let op: Het JavaScript-veld in Shoper heeft een limiet op het aantal tekens en ondersteunt geen //-commentaar. Houd je code kort en gebruik geen HTML-tags zoals <script>.
Tip: Voor een compleet overzicht van alle beschikbare API-methoden, kijk op de Smartsupp API documentatie.
Plugin verwijderen
Wil je de Smartsupp-plugin verwijderen? Ga naar Add-ons en integraties > Mijn applicaties en klik op de Smartsupp app.
Klik op Verwijder de app.
Bevestig de deïnstallatie.
Let op: Smartsupp en Shoper zijn twee aparte diensten. Verwijder je de plugin, dan blijft je Smartsupp abonnement doorlopen. Wil je je abonnement opzeggen, neem dan contact op met ons support tool.
Gerelateerde bronnen:
Smartsupp installatie — volledig overzicht van alle installatiemethoden.
Google Tag Manager — alternatieve installatiemethode met GTM.
Wat kun je hierna doen?
Basisinstellingen chat box — Pas kleuren, positie, welkomstberichten en meer aan.
Status van de chat box — Lees hoe de chat widget status werkt en hoe je het beheert.
Waarom zie ik de chat niet op mijn website? — Los de meest voorkomende installatieproblemen op.
Plugins downloaden — Bekijk alle beschikbare integraties voor je platform.