All Collections
Integrations
Add your online gift card widget to your website
Add your online gift card widget to your website

This artikel explains how to add your gift card widget. There are two ways to do so.

Updated over a week ago

Add a gift card module to your website. With this module, your customers can buy a gift card in 3 steps. They pick the amount, fill in their personal details and pay online. The gift card will be e-mailed to the customers.

There are two ways to add the gift card widget to your website.

  • Option 1: the gift card widget will be opened by pushing a button,  which is visible on every page. For example at the bottom right. 

  • Option 2: you can add an inline version of the gift card to a specific page on your website. 

Pay attention: if you want to use the gift card widget, you have to make sure your integration with (for example) Stripe is activated to accept online payments. This integration is completed in a few steps. If you need help, please let us know. 

Option 1: Gift card widget + button

the gift card widget will be opened by pushing a button,  which is visible on every page. The code for this button will be added to a footer of your website to make this possible. 

Below we show you an example of the gift card and gift card widget:

This is what you see when you click on "buy gift card": 

Do you want to add the widget like this?

Follow the steps below at the gift card widget page

  • Pick a color or select one of the standard colors

  • Pick the display option "fixed"

  • Pick the position for the button (for example bottom right) 

  • Pick a size  (for example "normal) 

Pay attention: these settings affect the code that you add to the footer of your website. So first set the correct settings, before you copy the code to add this widget to your website.

If you change any of these settings at a later time, the code must be re-added to your website. 

The code you have to add to your website can be found at the bottom of this page. Copy the entire code and add it to the footer of your website. 

Option 2: Gift card widget inline

An inline version of the gift card widget means that you add it to a specific page on your website. For example if you have a special page for your gift cards. For example: 

In this case, you add the code to a specific page on your website. This can be the homepage or a special page about gift cards. You can also add the widget on multiple pages as an inline version.

If you want to use the inline version, set your gift card widget on the gift card widget page as follows: 

  • Pick a color or select one of the standard colors

  • Pick the display option "inline"

  • Choose to leave the automatic width switched on (or switch off if you wish to set this yourself)

  • Keep the height at 700 or adjust if desired 

Pay attention: these settings affect the code that you add to the footer of your website. So first set the correct settings before copying the code to add to your website.

If you change any of these settings at a later time, the code must be re-added to your website. 

The code you have to add to your website can be found at the bottom of this page. Copy the entire code and add it to the footer of your website. 

Do you have a question? Or are you unable to add the gift card widget to your website? Please let us know, we are happy to help you!

Did this answer your question?