Givy is fully compatible with headless storefronts on Shopify, whether using Shopify Hydrogen or other technologies. Here is what you need to know to create a full gift card and product gifting experience.

Givy will automatically treat items in the cart with specific line item properties as gifts. When building your storefront experience, you'll want to determine how you'd like to gather information such as recipient name, email, personalized messaging, and any other information you'd like to offer customers.

Once this information has been collected, you can simply add the details as line item properties when adding the product or gift card to the cart. For information on the line items you need to add, check out:

Now that customers are able to purchase gifts, you'll want to create a page on your store where recipients will go to redeem their gift. For gift cards, this can simply be a page displaying their gift card code. For products and subscriptions, you can add advanced functionality such as product swapping and conversion to gift card, and can generate a checkout link where recipients can enter their address to redeem their free gifts.

Redemption pages will use the Storefront API to retrieve gift information and display it on the page you're creating. For more information on doing this, check out:

Now that customers have gift cards, they'll want a way to check their gift card balance. The Givy check balance endpoint can return the balance of a Givy gift card, and also any gift card on your Shopify store, regardless of how it was created.

To create a custom check balance experience, check out:

We're actively working on repos and code snippets that can be used on your headless project. Please reach out if you would like to get some examples of using Givy on a headless implementation.