> For the complete documentation index, see [llms.txt](https://hthcapital.gitbook.io/izigift-help-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://hthcapital.gitbook.io/izigift-help-docs/basics/edit-send-as-gift-button.md).

# Edit Send As Gift Button

The **Send As Gift** button is the core of the iziGift storefront experience. It replaces your theme's native "Add to Cart" button on gift card product pages and opens a popup where customers enter recipient details, a personal message, and a delivery date before adding the gift card to their cart.

<figure><img src="https://3362315347-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fty9FI1hwhkeIghtU8k7H%2Fuploads%2FjxRHeGMHuYoMI9kNRmRi%2FSendToRecipientButton.jpg?alt=media&amp;token=7bd45ad9-96e3-46a7-8e30-6b894c78709c" alt="The Send As Gift button on a product page"><figcaption><p>The Send As Gift button replaces the native Add to Cart button on iziGift product pages.</p></figcaption></figure>

When a customer clicks the button, a popup appears with fields for the recipient's name, email, a personal message, and an optional scheduled delivery date.

<figure><img src="https://3362315347-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fty9FI1hwhkeIghtU8k7H%2Fuploads%2F1RkgZ01nElZ12G4pc0xR%2FSendToRecipientPopUp.jpg?alt=media&amp;token=a4c43088-7c25-4208-925d-2a731886dbbb" alt="The Send As Gift popup"><figcaption><p>The popup where customers enter gift card recipient details.</p></figcaption></figure>

***

## How it works

1. **Product detection** — iziGift looks for products with the product type `iziGift` in Shopify. When a customer visits one of these product pages, iziGift automatically hides the native "Add to Cart" button and injects the **Send As Gift** button in its place.
2. **Popup opens** — When the customer clicks the button, a popup appears with form fields for recipient information.
3. **Add to cart** — After filling in the details, the customer clicks "Continue" (or your custom button text). iziGift adds the gift card to the Shopify cart with the recipient information attached as line-item properties.
4. **Checkout & fulfillment** — When the order is placed, iziGift automatically fulfills the gift card and emails it to the recipient (or to the buyer if they selected "Send to Myself").

***

## Two ways to customize the button and popup text

There are two places you can edit the text that appears on the Send As Gift button and popup. You can use either method — or both.

### Option 1: Shopify Theme Editor (recommended)

The newest way to customize your Send As Gift button is directly in the **Shopify Theme Editor**. This is the recommended approach because changes are instant, you get a live preview, and it doesn't require navigating to the iziGift app.

1. From your Shopify admin, go to **Online Store → Themes** and click **Customize**.
2. Find the **Send as gift button** block (from iziGift) in the theme editor sidebar.
3. Click on it to open the settings panel.
4. Edit any of the text fields — button text, field labels, error messages, etc.
5. Click **Save**.

The theme editor settings include all the same fields available in the iziGift app (see the full list below). Changes made here take priority over the iziGift app settings.

### Option 2: iziGift App Settings

You can also customize the button and popup text from within the iziGift app itself. This is the original method and still works the same way.

1. In iziGift, go to the **Settings** page.

<figure><img src="https://3362315347-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fty9FI1hwhkeIghtU8k7H%2Fuploads%2F9ob78O6xT8RpGfTYPEfs%2FSendAsGiftSettingsButton.jpg?alt=media&amp;token=2559f5df-1d74-4215-bfb1-ce4a30a3bd3a" alt="The Settings page with Gift Card Product Settings highlighted"><figcaption><p>Navigate to Settings, then click "Gift Card Product Settings."</p></figcaption></figure>

2. Click **Gift Card Product Settings**.
3. Edit any of the text fields in the **Product Page Gift Card Button** section.

<figure><img src="https://3362315347-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fty9FI1hwhkeIghtU8k7H%2Fuploads%2FFrkjvqy4Nd7OJbBxXU3q%2FProductPageGiftCardButtonSettings.jpg?alt=media&amp;token=8f2f81e3-796b-4732-8e6e-b7b85a31b54a" alt="The Product Page Gift Card Button settings form"><figcaption><p>All customizable text fields for the Send As Gift button and popup.</p></figcaption></figure>

4. Click **Save**.

### Which setting wins?

If you've customized text in both the Shopify Theme Editor and the iziGift app, here's how iziGift decides which value to use:

1. **Theme Editor value** — used if you've changed it from the default.
2. **iziGift app value** — used as a fallback if the Theme Editor field is still at its default.

This means you can set your base text in the iziGift app and override specific fields per-theme in the Theme Editor if needed.

***

## Customizable fields

The table below lists every text field you can customize, its default value, and where it appears.

| Field                          | Default Value                                         | Where it appears                                           |
| ------------------------------ | ----------------------------------------------------- | ---------------------------------------------------------- |
| **Send button text**           | "Send As A Gift"                                      | The main button on the product page                        |
| **Recipient name label**       | "Recipient Name"                                      | Label above the name field in the popup                    |
| **Recipient email label**      | "Recipient Email"                                     | Label above the email field in the popup                   |
| **Sender name label**          | "Sender Name"                                         | Label above the sender name field in the popup             |
| **Message label**              | "Message"                                             | Label above the message text area in the popup             |
| **Message placeholder**        | "Write a message to your friend or loved one here :)" | Placeholder text inside the message text area              |
| **Send to myself label**       | "Send To Myself" (v1) / "Print" (v2)                  | The self-send option in the popup                          |
| **Error message**              | "Missing a field or malformed email"                  | Shown when the customer submits invalid information        |
| **Continue button text**       | "Continue"                                            | The submit/add-to-cart button in the popup                 |
| **Delivery method label**      | "Delivery Method"                                     | Section header in the v2 popup                             |
| **Email delivery method text** | "Email"                                               | The email delivery option label in the v2 popup            |
| **Delivery date label**        | "Delivery Date"                                       | Label for the date picker in the v2 popup                  |
| **Email header text**          | "You Received a Gift!"                                | Heading shown in the email preview section of the v2 popup |
| **Go to shop button text**     | "Go to Shop"                                          | Button text in the email preview section of the v2 popup   |

> **Note:** Fields marked "v2" only appear if your store is using popup version 2. Most new stores use v2 by default.

***

## Popup modes

iziGift supports two popup modes. You can switch between them in the Shopify Theme Editor under the **Modal mode** setting:

### iziGift popup (default)

This is the standard experience. iziGift injects the popup, hides native add-to-cart buttons, and handles the full gift card flow.

### Merchant custom popup

Choose this if you want to build your own gift card sending UI. In this mode, iziGift:

* **Does not** inject any popup or hide native buttons.
* **Does** keep the helper API (`window.iziGift`) available for your custom code.

For details on building a custom popup, see [Custom Gift Card Modal](/izigift-help-docs/basics/edit-send-as-gift-button/custom-gift-modal.md).

***

## Popup renderer

There are two rendering engines for the popup. You can choose between them in the Shopify Theme Editor under the **Modal renderer** setting:

| Renderer                | Description                                                                                                          |
| ----------------------- | -------------------------------------------------------------------------------------------------------------------- |
| **JavaScript (legacy)** | The original renderer. The popup is generated entirely by JavaScript when the page loads.                            |
| **Liquid**              | The popup is rendered server-side by Shopify's Liquid templating engine, which can improve initial load performance. |

Both renderers produce the same visual result and support all the same customizable text fields.

***

## Bulk gift card purchasing

You can enable **bulk gift card purchasing** to let customers upload a CSV file and purchase multiple gift cards at once. This toggle is available in **Settings → Gift Card Product Settings** in the iziGift app.

When enabled, a "Bulk Purchase" button appears alongside the Send As Gift button on the product page. Customers can download a CSV template, fill in recipient details for multiple gift cards, upload the file, and complete the purchase in a single checkout.

> **Requirement:** Bulk purchasing requires theme app extensions to be enabled in your Shopify admin.

***

## Troubleshooting

**The Send As Gift button doesn't appear on my product page**

* Make sure the product type is set to `iziGift` in Shopify (under **Products → \[your product] → Product type**).
* Confirm that the **Send as gift button** block is enabled in your Shopify Theme Editor (go to **Online Store → Themes → Customize** and check the app blocks).
* Make sure theme app extensions are enabled.

**My text changes aren't showing up**

* If you edited text in the iziGift app but also have a value set in the Theme Editor, the Theme Editor value takes priority. Check both places.
* After saving in the Theme Editor, refresh the product page to see changes.
* After saving in the iziGift app, you may need to hard-refresh the product page (Ctrl+Shift+R / Cmd+Shift+R) since the settings are fetched from the server.

**The native Add to Cart button is still visible**

* Verify that **Modal mode** is set to **"iziGift modal (default)"** in the Theme Editor — "Merchant custom modal" deliberately does not hide native buttons.
* Confirm the product type is `iziGift`.

**The popup looks different from what I expected**

* Check which **popup version** your store is using. Version 1 and version 2 have different layouts. The version is set at the account level — contact support if you'd like to switch.

***

## Need help?

If you're running into an issue that isn't covered here, reach out to iziGift support through the app dashboard and we'll help you get it sorted.