Gift cards

Tambour shows gift cards in two places: the gift card’s product page, where a shopper can send it to someone else, and the gift card page, which the recipient opens from Shopify’s email to see the code and the balance.

You create gift card products in Shopify, not in the theme. Each amount is a variant, and shoppers choose one in the Variant picker. Shopify explains how to add a gift card product.

The gift card product page

A gift card product uses your product template, so it shows the same gallery and blocks as your other products, with three differences:

• The Buy buttons block adds a “Send it as a gift” checkbox above “Add to cart”.
• There is no “Buy it now” button, because Shopify’s express checkout can’t carry the recipient’s details.
• There is no stock line.

When the shopper ticks “Send it as a gift”, four fields open:

1. “Recipient email”, which is required.
2. “Recipient name (optional)”.
3. “Message (optional)”, up to 200 characters, with a count under the box.
4. “Send on (optional)”, a date from today up to 90 days ahead.

Shopify then emails the gift card to the recipient on that date, or right away without one. If the box is left unticked, the fields send nothing and the gift card goes to the buyer. Shopify explains the recipient emails and send times.

The checkbox comes with the Buy buttons block. If you removed that block from the product template, add it back, or use a separate template for the gift card product.

The gift card page

The link in Shopify’s gift card email opens the gift card page. It has its own layout, with your logo at the top linking to your store and no menu or footer. It shows:

• “Your gift card” and a line from your store, followed by the buyer’s message as a quote, with “For” and the recipient’s name when they gave one
• a card with your store name, the original value and the last four characters of the code
• a QR code that your staff can scan to redeem the card in store, and an “Add to Apple Wallet” button when Shopify offers a wallet pass
• the balance over ten slats, each worth a tenth of the original value, with how much is left and how much has been used
• the full code with a “Copy code” button, the expiry date or “No expiry date”, and “Print” and “Start shopping” buttons

A card that is disabled, has expired or is used up says so beside the balance, and “Copy code”, the QR code and the wallet button are hidden. A disabled or expired card also grays out its slats.

Edit the gift card page

1. Go to Online Store > Themes > Customize.
2. Open the page selector at the top of the editor.
3. Under Templates, click Others, then Gift card.
4. Select the Gift card section and change Show product photo, Show QR code or Color scheme.
5. Click Save.

Show product photo puts the gift card product’s own image beside the card. Turn off Show QR code if you don’t sell in person.

The emails that deliver gift cards are Shopify notifications, not part of the theme. Shopify explains gift card notifications and customizations.

Common questions

Can shoppers choose their own amount?

No. Shopify only sells the amounts you add as variants.

How do I check what the gift card page looks like?

Issue a card to yourself. In your Shopify admin, go to Products > Gift cards, click Create gift card, enter your own email under Customer, and save. Then click Send gift card > Send email and open the link. The card is real store credit, so give it a small value or turn it off afterward.

Why is there no QR code on the page?

Show QR code is off, or the card is disabled, expired or used up.