Let op: Webnode laat het toevoegen van eigen code alleen toe bij betaalde pakketten. Gebruik je een Free-pakket, dan moet je de code op elke pagina afzonderlijk invoegen.
Gebruik je Webnode voor je website? Deze gids leidt je door alles wat je nodig hebt om Smartsupp te koppelen aan je site — van de premium wereldwijde installatie tot de gratis per-pagina-methode.
We hebben de handleiding verdeeld in de volgende secties:
Optie 1: Premium diensten (wereldwijde installatie)
Heb je een betaald Webnode-pakket (Mini, Standard, Profi of Business), dan kun je de Smartsupp-code globaal invoegen zodat deze op alle pagina's van je website verschijnt.
Videouitleg
Bekijk hoe je de Smartsupp-code in Webnode invoegt:
Chatcode kopiëren
Vind je unieke Smartsupp-chatcode in het dashboard bij Instellingen > Kanalen > Live chat > Installatie > Code invoegen.
Code in Webnode plakken
Ga in de Webnode-editor naar Instellingen > Website-instellingen > Website header en footer > Website header HTML-code. Plak de Smartsupp-chatcode en klik op Opslaan.
Let op: Zie je een melding om je pakket te upgraden? Dan ondersteunt je huidige Webnode-pakket geen aangepaste code-invoeging. Je moet upgraden naar een betaald pakket of de gratis per-pagina-methode gebruiken.
Tip: Na het opslaan kun je je website openen en de pagina verversen — de Smartsupp-chatwidget zou nu op alle pagina's zichtbaar moeten zijn.
Optie 2: Free-pakket (per-pagina-installatie)
Gebruik je het gratis Webnode-pakket, dan kun je code niet wereldwijd invoegen. In plaats daarvan moet je de Smartsupp-code op elke pagina afzonderlijk toevoegen via de SEO-instellingen.
Chatcode kopiëren
Vind je unieke Smartsupp-chatcode in het dashboard bij Instellingen > Kanalen > Live chat > Installatie > Code invoegen.
Code per pagina plakken
Open in de Webnode-editor Pagina's, selecteer een pagina, en ga naar SEO-pagina-instellingen > Aangepaste HTML header-code. Plak de Smartsupp-code en sluit het venster. Herhaal dit voor elke pagina waar je de chat wilt tonen.
Let op: Vergeet niet je website te publiceren nadat je de code hebt toegevoegd. Alleen dan worden je wijzigingen zichtbaar.
Tip: Na het publiceren kun je je website openen en de pagina verversen — de Smartsupp-chatwidget zou nu te zien moeten zijn op alle pagina's waar je de code hebt toegevoegd.
Oude Webnode-versie
Gebruik je een oudere versie van Webnode? Dan werkt code-invoeging via de ingebouwde Smartsupp-integratie.
Ga in de Webnode-editor naar Inhoud > Meer > Business tools > Live chat (Smartsupp). Plak de Smartsupp-code en klik op Ok. Daarna moet je je website publiceren om de wijzigingen toe te passen.
Tip: Na het publiceren open je je website en ververs je de pagina — de Smartsupp-chatwidget zou nu zichtbaar moeten zijn.
Gerelateerde bronnen:
Smartsupp-installatie — een volledig overzicht van alle installatie-methodes.
Google Tag Manager — alternatieve installatie via GTM.
Wat kun je hierna doen?
Basis chatbox-instellingen — Stel kleuren, positie, welkomstberichten en meer in.
Chatboxstatus — Lees hoe de chatwidget-status werkt en hoe je deze aanpast.
Waarom zie ik de chat niet op mijn website? — Los de meest voorkomende installatieproblemen op.
Plug-ins downloaden — Bekijk alle beschikbare platformintegraties.