3. Add eGift Cards

Shopify’s built-in gift cards don’t work with Giftnote. Here’s how to set up a compatible version, using a custom product and dedicated theme template.

Written By Giftnote Team

Last updated About 10 hours ago

Heads up — Giftnote v3 is here and the app looks different. We have just launched a completely new interface, so some screenshots and menu names in this article are still from the old version. We are updating the help docs over the next few days. In the meantime, if you get stuck, email support@giftnote.com and we will help you out.

1. Create a New Product Page Template

If your store is using Online Store 2.0, follow these steps:

  • Go to Online Store > Themes > Customize

  • Use the template picker at the top to create a new product template called gift-card

  • In that template, add the “Gift Voucher Message” block from the Apps section

  • Customize text, font, and styling if needed

  • Optional: Add the “Check Balance” widget so customers can check their gift card balance

  • Ensure the Giftnote app embed is enabled

If you're not using Online Store 2.0, or your theme doesn't support templates:

<!-- START | Giftnote -->
<template id="giftnote-voucher">
<style>
<!-- CSS HERE -->
</style>
</template>
<giftnote-voucher-button
data-styles="giftnote-voucher"
data-label="Send as a gift :gift:"
></giftnote-voucher-button>
<!-- END | Giftnote -->

2. Create the Gift Card Product

  • Go to Shopify > Products > Add Product

  • Name it (e.g. “Digital Gift Card”), add image and description

  • Set the vendor = Giftnote

  • Assign the new gift-card template to the product (if using Online Store 2.0)

  • Untick “This is a physical product”

  • Disable inventory tracking

  • Under Variants, add:

    • Option name: Amount

    • Values: e.g. 25, 50, 100

    • Make sure the prices match the values

Click Save and mark the product as Active

3. Confirm It's Working in Giftnote

  • Go to Apps > Giftnote > Gift Cards > Products

  • You should see the new gift card listed as Active

  • If it’s listed as Invalid, click View More to fix issues
    (usually caused by missing vendor name or wrong theme template)

4. Configure Gift Card Settings

Inside Giftnote > Gift Cards, configure the behavior of your gift card:

  • Attach recipient email to the Shopify record (optional)

  • Allow discounts on gift card purchases

  • Set expiry rules

  • Auto-fulfill gift cards (recommended for ERP or 3PL setups)

Need Help?

  • Email: support@giftnote.com

  • Not sure if your theme supports templates? We’ll help you install the snippet manually