Naar de hoofdinhoud

Hoe voeg ik de cadeaubonnen widget toe aan mijn website?

Laat klanten online cadeaubonnen kopen op je eigen website: stel de widget in en voeg de code toe.

Met de cadeaubonnen widget kunnen je klanten een cadeaubon kopen op je eigen website. Ze kiezen een bedrag, vullen hun gegevens in en betalen online. De cadeaubon krijgen ze daarna per e-mail. Hieronder lees je alles wat je moet weten om de widget aan je website toe te voegen.


Wat heb ik nodig om de cadeaubonnen widget te gebruiken?

Je hebt een actieve betaalprovider nodig, bijvoorbeeld Mollie of Stripe, om de online betalingen te verwerken. Zolang er geen is gekoppeld, zie je op de cadeaubonnen widget pagina een waarschuwing met een knop naar de integraties.


Welke instellingen kan ik aanpassen voor de cadeaubonnen widget?

Je vindt ze op de cadeaubonnen widget pagina, verdeeld over drie groepen: hoofdinstellingen, stijl en delen. Sla je wijzigingen op met de opslaan-knop onderaan.

  • Taal: de taal van de widget die je klanten zien.

  • Vervaldatum: zet dit aan als online verkochte cadeaubonnen moeten vervallen en kies dan 2, 3, 4 of 5 jaar.

  • Bedragen: de bedragen waaruit je klanten kunnen kiezen. Je kunt bedragen toevoegen of verwijderen en klanten ook een eigen bedrag laten invullen, met een minimum en een maximum.

  • Persoonlijk bericht: een bedankbericht voor na de betaling, van maximaal 140 tekens. Zonder eigen bericht toont de widget een standaardbericht.

  • iDEAL: zit je salon in Nederland en gebruik je Stripe? Dan kun je ook iDEAL-betalingen aanzetten. Activeer iDEAL eerst in Stripe.

  • Kleur: kies een eigen kleur voor de widget.

  • Afbeelding: de afbeelding in de e-mail met de cadeaubon. Kies de standaardafbeelding, een van de voorgestelde afbeeldingen of upload je eigen afbeelding.

  • Delen: kies hoe klanten bij de widget komen: via een link, een knop op je website of de widget op een pagina.


Hoe laat ik de cadeaubonnen widget als knop op elke pagina zien?

De knop opent de widget bovenop je pagina. Voeg de code toe aan de footer van je website, dan staat de knop op elke pagina.

  1. Kies in de groep voor de stijl je kleur.

  2. Kies in de groep voor het delen de knopweergave.

  3. Kies of de knop rechts of links staat.

  4. Sla je instellingen op.

  5. Kopieer de code onder de deelopties en voeg die toe aan de footer van je website.


Hoe laat ik de cadeaubonnen widget op één pagina van mijn website zien?

Je kunt de widget ook in een bepaalde pagina plaatsen, bijvoorbeeld een pagina over cadeaubonnen. Je kunt hem op meerdere pagina's zetten.

  1. Kies in de groep voor de stijl je kleur.

  2. Kies in de groep voor het delen de widgetweergave.

  3. Kies de automatische breedte of vul zelf een breedte in.

  4. Vul de hoogte in pixels in.

  5. Sla je instellingen op.

  6. Kopieer de code en voeg die als html-code toe aan de pagina.


Waar vind ik de code voor mijn website?

Onder de deelopties op de cadeaubonnen widget pagina. De code zie je bij de knopweergave en de widgetweergave, niet bij de linkweergave. Kopieer de code in zijn geheel.


Moet ik de code opnieuw toevoegen als ik een instelling wijzig?

Wijzig je de kleur, de taal, de breedte, de hoogte of de positie van de knop? Dan wel, want die staan in de code. Sla eerst je instellingen op, kopieer dan de nieuwe code en vervang de oude code op je website.


Hoe deel ik een link naar de cadeaubonnen widget?

Kies in de groep voor het delen de linkweergave. Je ziet dan een link die je kunt kopiëren en delen.


Kan ik de cadeaubonnen widget tonen op mijn website uit de app?

Ja, als je een website via de app hebt. Zet de cadeaubonnen widget aan op de instellingenkaart van het dashboard van je website. De schakelaar blijft uit zolang er geen betaalprovider is gekoppeld.


Lukt het niet om de widget aan je website toe te voegen? Neem contact op met ons supportteam, we helpen je graag.

Was dit een antwoord op uw vraag?