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 4 months ago

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