Naar de hoofdinhoud
Alle collectiesAppsWidget
Hoe je een loyaliteitswidget op je website configureert
Hoe je een loyaliteitswidget op je website configureert

Voeg een loyaliteitswidget toe aan uw website.

Lars Gielen avatar
Geschreven door Lars Gielen
Meer dan een maand geleden bijgewerkt

Hoe je een loyaliteitswidget op je website configureert:

De widget is een handig hulpmiddel in het dashboard waarmee klanten hun accountinformatie kunnen bekijken zonder je website te verlaten. Dit kan ook fungeren als een startpagina voor loyaliteit, als alternatief voor het contactportaal. Met onze Mollie-integratie kan het ook worden gebruikt om cadeaubonnen online te verkopen.

Volg de onderstaande stappen om de widget te maken:

  1. Ga naar 'Apps', selecteer ‘widget’ en kies vervolgens ‘nieuwe widget’.

  2. Je wordt dan naar de ontwerppagina van de widget geleid. Gebruik de knop ‘branding’ in de rechterbovenhoek om het visuele uiterlijk en ontwerp van je widget te beheren. Individuele informatievelden en elementen kunnen aan de rechterkant worden beheerd, met paginanavigatie aan de linkerkant.

  3. Zorg ervoor dat je ten minste een geautomatiseerde e-mail maakt met de categorie ‘Log in’ zodat je klanten een inlogcode kunnen ophalen. Als je registratiepagina actief is, heb je ook een ‘registeren’ e-mail nodig voor nieuwe aanmeldingen.

  4. Zodra deze is aangemaakt, kan de inlog-e-mail worden gekoppeld door de ‘Log in’ pagina aan de linkerkant te selecteren en vervolgens ‘selecteer login e-mail’ aan de rechterkant.

Volg de onderstaande stappen om de widget op je website te installeren:

  1. Ga naar 'Apps' en selecteer ‘widget' en selecteer de widget die u wilt installeren.

  2. Selecteer je widget en zorg ervoor dat je op de ‘installatie’ pagina bent.

  3. Zoek het ‘codefragment’ en voer deze code in het juiste gedeelte van je platforminstellingen in. De instructies voor de installatie van de code variëren per platform (zie hieronder). Neem contact op met je websitebeheerder of ontwikkelaar als je problemen hebt met de installatie.

Instructies per aanbieder:

WordPress

De makkelijkste manier om je eigen code toe te voegen aan de header (en footer) van je WordPress website is via een plugin, maar je kunt het ook handmatig doen. Via een plugin is het echter sneller en simpeler. Installeer een plugin op je WordPress waarmee je script kan toevoegen aan je header en footer, zoals deze. Volg verder de instructies van de plugin.

Wix

Om je eigen code toe te voegen aan de header van je Wix website, heb je een premium Wix account nodig. Vervolgens ga je naar de instellingen van je website en klik je op Tracering tools. Klik vervolgens op Custom code. Plak je widget code onder 'Vul het codefragment hier in:', selecteer je domein en zorg dat je code wordt geplaatst op je Head. Je widget staat nu online!

Shopify

Om de widget code toe te voegen aan je Shopify website, moet je je themacode bewerken. Ga naar OnlinewinkelThema en klik op Acties → Code bewerken. Je gaat nu je Code Editor in. In de Code Editor, open theme.liquid. In de code, zoek naar de </head> tag. Plak je widget code boven deze </head> tag. Klik op Bewaar. Je widget staat nu online!

Lightspeed

Om je widget code toe te voegen aan je Lightspeed website, voeg je de widget code toe aan Custom Javascript. In je Lightspee dashboard, klik op Instellingen. Onder Website-instellingen, klik op Web Extras. Voeg de widget code toe aan Custom Javascript, zet de Status op aan en klik op Opslaan. Je widget staat nu online!

Magento

Om je widget code toe te voegen aan je Magento webshop, zal je de Configuratie aan moeten passen. Klik in de navigatie sidebar links op Content, en vervolgens onder het Design kopje op Configuration. Klik op het thema waar je de widget wil toevoegen op Edit. Scroll naar het kopje HTML Header en klik erop om deze uit te klappen. Plak de widget code in Scripts and Style sheets. Sla het thema op en je bent klaar!

Squarespace

Klik vanuit je Squarespace editor onderaan op Settings, en kies uit het volgende menu het kopje Advanced. Ga daarna naar Code injection, en plak in het tekstvlak onder Header de widget code uit je Business Dashboard. Klik vervolgens linksboven op Save en je widget staat op je website!

Was dit een antwoord op uw vraag?