Step-by-step guide: Adding a gift card order module to your Webflow website
Want to start selling gift cards through your Webflow website? With Gifty’s order module, it’s easier than you think! This guide explains how to integrate the order module into your website. Even without much technical experience, you can set it up quickly. Follow the steps below to start offering gift cards today.
What you need:
- An active Webflow website.
- A Gifty account. Don’t have one yet? No problem! Click here to sign up easily or schedule a demo to learn more about Gifty.
Adding the order module
| 1. | Log in to Webflow and click the plus icon (+) at the top left of the screen. (See the screenshot above for steps 1 and 2.) |
| 2. | Click on ‘</> Code Embed’ and add the following code to the field: |
<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>| 3. | Go to the Gifty dashboard, log in, and click on ‘Order Module’. |
| 4. | Click on ‘INSTALLATION’ and copy your ‘Gifty Key’. |
| 5. | Replace WIDGET_KEY_HERE with your unique integration code and click ‘Save and Close’. |
Integrating the order module into the menu or another location
| 1. | Log in to Webflow and add an extra button or text where you want the order module to appear. |
| 2. | Click the plus icon (+) at the top left of the screen. |
| 3. | Drag the ‘</> Code Embed’ icon to the button or text where you want the order module to appear (see the screenshot above). |
| 4. | Copy the following code and add it to the field: |
<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>
| 5. | Go to the Gifty dashboard, log in, and click on ‘Order Module’. |
| 6. | Click on ‘Installation’ and copy your ‘Gifty Key’. |
| 7. | Replace WIDGET_KEY_HERE with your unique integration code and click ‘Save and close’. |
Ready to sell gift cards?
With these steps, the order module has been successfully integrated into your Webflow website. Visitors can now easily order gift cards through your site. Have questions about the installation or want to explore more possibilities? Schedule a demo or contact us. We’re here to help!