Wil je de Smartsupp live chat aan je Shopify-webshop toevoegen? Deze handleiding behandelt alle installatiemethoden – van de officiële Shopify-app tot handmatige code-integratie voor geavanceerdere opzetten.
We hebben deze handleiding opgedeeld in de volgende onderdelen:
Optie 1: installeren via de Shopify-app (aanbevolen)
De eenvoudigste manier om Smartsupp aan je Shopify-webshop toe te voegen is met onze officiële app. Je hoeft niet te programmeren – installeren, inloggen en je kunt chatten.
De app zoeken en installeren
Open de Shopify App Store (apps.shopify.com) en zoek naar Smartsupp, of ga rechtstreeks naar de pagina van de Smartsupp-app.
Kies de Smartsupp-app en klik op App toevoegen om die in je Shopify-webshop te installeren.
Smartsupp installeren
Zodra je Smartsupp hebt toegevoegd, klik je op Installeren om de installatie af te ronden.
Inloggen op je Smartsupp-account
Klik na de installatie op het Smartsupp-pictogram. Je kunt een gratis account aanmaken of een bestaand account koppelen. Log in met je Smartsupp-gegevens om je account te koppelen.
Tip: De Shopify-app is de snelste en veiligste manier om Smartsupp te installeren. Na het koppelen van je account hoef je alleen nog de chatwidget in je thema in te schakelen (zie hieronder).
Optie 2: de chatwidget in je thema inschakelen
Na het installeren van de Smartsupp-app moet je de chatwidget inschakelen in de thema-instellingen van Shopify. Volg deze stappen:
Open Onlinewinkel
Log in op je Shopify-webshop en open Onlinewinkel in het hoofdmenu.
Je thema aanpassen
Ga naar Thema's > Aanpassen en open daarna Thema-instellingen.
De Smartsupp-widget inschakelen
Klik op App-embeds en zet de schakelaar van de Smartsupp-widget aan om die op je website in te schakelen. Klik op Opslaan om de wijzigingen door te voeren.
Tip: Open na het inschakelen van de widget de homepage van je webshop en ververs de pagina – de Smartsupp-chatwidget zou nu zichtbaar moeten zijn.
Optie 3: handmatige installatie via code
Moet je één Smartsupp-account aan meerdere Shopify-sites koppelen, of doe je het liever handmatig, dan kun je de Smartsupp-chatcode rechtstreeks in je themabestanden plaatsen.
Let op: Themabestanden rechtstreeks bewerken kan je webshop stukmaken als het niet goed gebeurt. Voel je je niet zeker met code, vraag dan je webontwikkelaar om hulp.
De chatcode kopiëren
Je unieke Smartsupp-chatcode vind je in het dashboard onder Instellingen > Chatbox > Installatie > Code plaatsen.
De code in je thema plakken
Ga in je Shopify-beheer naar Onlinewinkel > Thema's en klik op Code bewerken. Open het bestand theme.liquid en plak de Smartsupp-chatcode vlak vóór de afsluitende tag </head>. Sla het bestand op.
Tip: Voor uitgebreide instructies over het bewerken van de themacode van Shopify, zie de officiële documentatie van Shopify.
Belangrijke opmerkingen
Facturatie via Shopify
Installeer je Smartsupp via de Shopify-app, dan worden je abonnementsbetalingen via Shopify verwerkt. Wijzigingen in de facturatie regel je rechtstreeks in het factuurgedeelte van Shopify. Smartsupp heeft geen toegang om je factuurgegevens te bewerken of te wijzigen. Via de Shopify-app zijn alleen maandabonnementen beschikbaar.
Let op: Heb je betalingsproblemen met een abonnement dat via Shopify wordt gefactureerd, neem dan rechtstreeks contact op met de support van Shopify. Smartsupp kan de facturatie van Shopify niet aanpassen.
Let op: Shopify staat niet toe dat één Smartsupp-account aan meerdere Shopify-sites wordt gekoppeld. Heb je meerdere webshops, gebruik dan de hierboven beschreven handmatige installatie via code.
Let op: Verschijnt de chatwidget na de installatie niet, wis dan de cache van je browser en ververs je website. Blijft het probleem bestaan, installeer de Smartsupp-app dan opnieuw vanuit de Shopify App Store.
Gerelateerde artikelen:
Smartsupp installeren – volledig overzicht van alle installatiemethoden.
Google Tag Manager – alternatieve installatiemethode via GTM.
Wat is de volgende stap?
Basisinstellingen van de chatbox – pas kleuren, positie, welkomstberichten en meer aan.
Chatboxstatus – ontdek hoe de status van de chatwidget werkt en hoe je die instelt.
Waarom zie ik de chat niet op mijn website? – los veelvoorkomende installatieproblemen op.
Plugins downloaden – bekijk alle beschikbare platformintegraties.