Cadeaubon bestelmodule toevoegen aan je Wix website: Eenvoudige handleiding

Wat heb je nodig?

1.	Een Wix-account en een website waarop je de module wilt plaatsen.
2.	Een Gifty-account. Heb je er nog geen? Maak er zelf eenvoudig een aan door hier te klikken of plan een demo in om meer te leren over Gifty.

Stap 1: De bestelmodule toevoegen aan Wix

1.	Log in op Wix.
2.	Selecteer de website die je wilt bewerken. (Zie de screenshot hieronder👇🏻)

3.	Klik onderin het menu op ‘Instellingen’.
4.	Onder ‘Geavanceerd’, klik op ‘Aangepaste code’.
5.	Op de pagina ‘Aangepaste code’, klik je op de blauwe knop ‘Gepersonaliseerde code toevoegen’. (Zie de Screenshot hieronder👇🏻)

6.	Voeg de volgende code toe👇🏻.

<script>
window.Gifty = { key: 'WIDGET_KEY_HERE' };
(function (e, t) {
    var n = e.createElement(t);
    n.async = true;
    n.src = 'https://static.gifty.nl/js/widget.js';
    var r = e.getElementsByTagName(t)[0];
    r.parentNode.insertBefore(n, r);
})(document, 'script');
</script>

7.	Vervang WIDGET_KEY_HERE met jouw unieke integratiecode, die je kunt vinden in het Gifty Dashboard door op ‘Bestelmodule’ te klikken en daarna op ‘INSTALLATIE’ te klikken.
8.	kopieer de ‘Jouw Gifty Key’
9.	Ga terug naar Wix en vul bij naam een toepasselijke naam in, bijvoorbeeld: Gifty bestelmodule.
10.	Onder ‘Code toevoegen aan’ kies je voor: ‘Alle pagina’s: Code één keer laden’.
11.	Onder ‘Code plaatsen in’ selecteer je: Head.
12.	Controleer of het type script staat ingesteld op ‘Essentieel’.
13.	Klik op ‘Toepassen’. Vanaf nu wordt de Gifty bestelmodule ingeladen op jouw Wix-site. (Zie Screenshot 3👇🏻)

Stap 2: bestelmodule openen via een button of link

1.	Log in op Wix.
2.	Selecteer de website die je wilt bewerken. (Zie Screenshot 1)
3.	Klik onderin het menu op ‘Instellingen’.
4.	Onder ‘Geavanceerd’, klik op ‘Aangepaste code’.
5.	Op de pagina ‘Aangepaste code’, klik je op de blauwe knop ‘Gepersonaliseerde code toevoegen’. (Zie Screenshot 2)
6.	Voeg de volgende code toe:

<script>
function setElementAsGiftyToggle(textToFind, elementSelector = '*') {
    let elements = document.querySelectorAll(elementSelector);
    
    elements.forEach(function(element) {
        if (element.textContent.trim() === textToFind) {
            element.addEventListener('click', function(event) {
                event.preventDefault();
                Gifty.open();
            });
        }
    });
}

// Pas de tekst aan naar de gewenste tekst van het element (bijv. ‘Cadeaubon kopen’, ‘Koop de cadeaubon’)
setElementAsGiftyToggle('Cadeaubon bestellen');
</script>

7.	Vul bij naam in: Gifty bestelmodule trigger(s). of voer een andere toepasselijke naam in naar keus.
8.	Onder ‘Code toevoegen aan’ kies je voor: ‘Alle pagina’s: Code één keer laden’ of Specifieke pagina’s.
9.	Onder ‘Code plaatsen in’ selecteer je: Body – einde.
10.	Controleer of het type script staat ingesteld op ‘Essentieel’ en Klik op ‘Toepassen’. Nu zullen alle buttons of links met de tekst ‘Cadeaubon bestellen’ de Gifty bestelmodule openen. (Zie de Screenshot hieronder👇🏻)

Klaar om cadeaubonnen te verkopen?

Met deze stappen is de Gifty-cadeaubonmodule nu geïntegreerd in jouw Wix-website. Bezoekers kunnen eenvoudig cadeaubonnen bestellen via jouw website. Heb je hulp nodig bij de installatie of wil je meer weten over de mogelijkheden? Plan een demo of neem contact op met ons. We helpen je graag verder!