Gift card page

The page a gift card recipient lands on from their email. It carries the code, a scannable QR version for use in store, and an Add to Apple Wallet button — and it is the one page in your store that is seen almost entirely by people who have never visited you before.

Where it comes from

You do not create or assign this page. When a gift card is issued — bought from your store, or created by hand in Products → Gift cards — Shopify emails the recipient a unique link, and that link opens this page. There is one per gift card, and the address is unguessable.

It is deliberately kept out of search engines. The page carries a no-index instruction unconditionally, because the address is the only thing protecting the card's value. This is not a setting, and it should not be one.

What the recipient sees

Your logo from Settings → General → Brand, or your store name as text where none is set — the page identifies who the gift is from before anything else.
The card artwork. If your gift card product has a featured image, that is used; otherwise Shopify's own gift card illustration is shown, so the page is never bare.
The value, and the remaining balance where the card has been partly spent — a recipient checking what is left is one of the most common reasons this page gets revisited.
A QR code for redeeming in person. See below.
The code itself, with a Copy code button, for use at your online checkout.
The expiry date, where the card has one.
Your gift message, addressed to the recipient by name when the buyer supplied one.
Add to Apple Wallet, on devices that support it.
A link into your store, and a Print button.

The QR code

The QR code encodes the gift card so it can be scanned at a physical till — useful if you sell in person as well as online, and the reason a recipient might open this page in a shop rather than at home.

It is generated in the browser from a library Shopify hosts, which means it adds nothing to your theme's file size and is loaded on this page alone. No other page in your store pays for it.

Expired and deactivated cards

A card that has expired or been deactivated says so plainly, in place of the usual redemption wording. The page does not present a code that will fail at the till and leave someone arguing with a cashier — it tells them before they get there.

Printing

The Print button produces a clean printed copy: the artwork, the value, the code and the QR, without navigation or buttons. Gift cards are still frequently printed and put in an envelope, and a printout covered in web furniture is not a present.

Styling

The page follows your theme colours and fonts automatically, and takes its logo from Settings → General → Brand. There are no settings for it, and that is deliberate — it is a single-purpose page seen once or twice per card, and every setting added here would be one more thing to configure for a page most merchants never look at.

It is also built as a standalone document, loading none of the theme's global CSS or JavaScript, for the same reason the password page is: none of it is used here, and this page is frequently opened on a phone with a poor connection.

Previewing it

The only way to see the real page is to have a real gift card — there is no preview for it in the theme editor, because the page is generated per card.

In Shopify admin go to Products → Gift cards and click Create gift card.
Set a small value — £1 is plenty — and put your own email address as the customer.
Send it, then open the gift card link from the email that arrives. That is the page your customers see.
When you are finished, open the card in admin and Deactivate it so the balance cannot be spent.

Issuing a gift card this way does not take payment — you are creating balance, not selling it. That is why a £1 test card costs you nothing and why deactivating it afterwards matters.

See also: Cart for how gift cards behave as a product, and Password page, which uses the same Settings → General → Brand logo.