Wrapped's Shopify app adds two theme extensions that let a customer buy a gift card for someone else. Both collect the recipient's name and email, a message, and an optional send date, then add the gift card to the cart. When the order is paid, Wrapped emails the gift card to the recipient instead of the buyer.
| Send as Gift Checkbox | Send to a friend button | |
|---|---|---|
| Type | App block, added to the product page | App embed, switched on for the whole theme |
| What customers see | A "Send as gift" checkbox that opens a form on the page | A "Send to friend" button that opens a popup |
| Gift card designs | No | Yes, customers pick from your designs |
| Needs your sales channel ID | No | Yes |
| Where you change the wording | In the Shopify theme editor | Theme editor for the button; Branding › Designs in Wrapped for the popup |
You can use either one. Both need an Online Store 2.0 theme and work on the Wrapped gift card product you select.
Option 1: Send as Gift Checkbox
- In your Shopify admin, go to Online Store › Themes and select Customize on your theme.
- Open your gift card product page in the theme editor.
- In the Product information section, select Add block, open Apps and choose Send as Gift Checkbox.
- In the block settings, choose your gift card product in Select Wrapped gift card product. The checkbox only appears on that product's page.
- Drag the block to where you want it, for example just above the buy buttons.
- Select Save.
What customers see
A checkbox labelled "Send as gift". Ticking it opens a form with:
- Recipient Name, Recipient Email and Your Name (all required)
- Gift Message (optional)
- Send now or Send later, with a date, time and time zone for Send later
- an Add to Cart button that adds the gift card with these details
When "Send as gift" is ticked, the customer needs to add the gift card with the Add to Cart button inside the gift form. Your theme's usual add to cart button adds the product without the gift details, so the gift card would be emailed to the buyer.
Block settings
| Setting | Default | What it changes |
|---|---|---|
| Select Wrapped gift card product | Empty | The product the checkbox appears on |
| Checkbox Label | Send as gift | Checkbox text |
| Form Header / Form Subtitle | Gift Details / Personalize your gift | Heading above the form |
| Field labels and placeholders | Recipient Name, Recipient Email, Your Name, Gift Message | Form wording |
| Send Options Label, Send Now Label, Send Later Label, Send At Label, Timezone Label | Send Options, Send now, Send later, Send At, Timezone | Scheduling wording |
| Add to Cart Button Text | Add to Cart | The form's button |
| Button CSS Class | button | Styles the button like your theme's buttons |
| Should redirect to cart | Off | Sends the customer to the cart page after adding |
| Background Color | White | Form background |
Option 2: Send to a friend button (with gift card designs)
- In Wrapped, go to Settings › Sales channels and copy your Shopify sales channel's ID (the copy button next to ID under the store name).
- In your Shopify admin, go to Online Store › Themes and select Customize.
- Open your gift card product page, then open App embeds in the theme editor.
- Turn on Send to a friend button.
- Paste the ID into Sales channel ID and choose your gift card product in Select Wrapped gift card product.
- Select Save.
A Send to friend button appears next to your theme's add to cart button on the gift card product page. Selecting it opens a popup headed "Personalize gift card".
What customers see in the popup
- From Name, Recipient Name and Recipient Email
- send now or send later, with a date, time and time zone
- your gift card designs to choose from, when you offer more than one
- a Gift Message (starts as "Enjoy your gift!")
- an Add to cart button, which adds the gift card with these details and closes the popup
Embed settings
| Setting | Default | What it changes |
|---|---|---|
| Sales channel ID | Empty | Required. Links the popup to your Wrapped account. |
| Select Wrapped gift card product | Empty | Required. The product the button appears on. |
| 'Send to friend' button text | Send to friend | Button text |
| 'Personalize gift card' modal header text | Personalize gift card | Popup heading |
| Use custom button | Off | Use your own button instead of the one Wrapped adds |
| Custom button query selector (optional) | send-to-friend-btn | Which element opens the popup when Use custom button is on |
| Button CSS Class | Empty | Styles the button. Empty copies your theme's add to cart button. |
Use your own button
If the button doesn't appear (some themes use a different add to cart button), or you want to place it yourself:
- Add a button to your product page template with the ID
send-to-friend-btn, or with a class of your choice. - In the embed settings, turn on Use custom button.
- In Custom button query selector (optional), leave
send-to-friend-btnif you used that ID, or enter your selector, for example.gift-buttonfor a class. - Select Save.
Change the popup's wording and designs
- Designs: in Wrapped, go to Branding › Designs. The designs you offer there are the ones customers choose from. See Gift card designs.
- Wording: in Branding › Designs, under Customer pages, open Gift to a friend and select Edit page. The form labels, sending options, Add to cart button text and default message all apply to the popup. See The gift to a friend page.
What happens after the order
The gift details are saved on the order line, so you can see them on the order in Shopify. When the order is paid, Wrapped:
- creates the gift card with the recipient's name and email, the sender's name and the message (and the chosen design, from the popup),
- records the buyer's email as the sender,
- emails the gift card to the recipient straight away, or schedules it for the chosen date and time in the chosen time zone.
A scheduled gift card shows a banner on its page in Wrapped with the send date. Each gift card on the order gets the same gift details.
Common questions
The checkbox or button isn't showing. What do I check?
Check that you selected the right product in Select Wrapped gift card product and saved the theme. For the button, check that Sales channel ID is filled in; if your theme's add to cart button isn't detected, use Use custom button. See Shopify troubleshooting.
The gift card went to the buyer, not the recipient. Why?
The gift details weren't on the order, usually because the customer used the theme's own add to cart button. You can change the recipient and resend the email from the gift card in Wrapped. See Edit recipient details and resend a gift card email.
Can I use both options at once?
You can, but customers would see two ways to do the same thing. Pick one.
Does the recipient get a Shopify email?
No. The recipient gets Wrapped's gift card email.