# Wix Gift Cards: Customizing Your Site's Gift Card Page

Source: https://support.wix.com/en/article/wix-gift-cards-customizing-your-sites-gift-card-page (updated 2026-06-17)
Related: Wix developer documentation, https://dev.wix.com/docs/llms.txt; Help Center index, https://support.wix.com/en/llms.txt

Customize your site's gift card page to reflect your brand and provide a seamless shopping experience that attracts customers. Personalize every detail, such as fonts and colors, and decide what to display, like add-to-cart or direct purchase buttons.

![A screenshot of editing a gift card page on a site.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/05/26/ae3eb8c9-168b-467c-a811-9648cbfcfb88/8756699b-2c34-4de1-ba27-bb6e2e52c79b.png)

---

## Customizing the gift card page

Customize the design and layout of the page to match your brand and attract customers. Decide which fields you want to display and which options you'd like to have available for customers.

### To customize the gift card page:

**Wix Editor:**

1. [Go to your editor](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26).
2. Go to your Gift Card page:  
   1. Click **Pages & Menu** ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2021/11/02/0b84b086-cf99-4826-93e0-9ffff492898a/c4974969-a151-4474-b053-c2dcfe3e00e6.png) on the left side of the editor.  
   2. Click **Site Menu**.  
   3. Click **Gift Card**.
3. Click the **Gift Card** element on your page.
4. Click **Settings**.
5. Click the **Settings** tab and choose what to display on your gift card, set recipient options, and configure your **Add to Cart** and **Buy now** buttons.
6. Click **Text** and edit the titles and labels on your gift card, including the **Quantity selector**, **Amount options**, **Recipient details**, **Recipient selection** and **Buttons**.
7. Click **Design**, then choose what you want to customize:  
   * **Page design**: Customize the page background, gift card details such as the title, price, and description, and the image settings.  
   * **Fields & selection**: Customize the font and color of field titles, amount options, gift card recipient details, and input fields.  
   * **Buttons:** Customize the fill color, border, corner radius, and text font and color for the **Add to Cart** and **Buy now** buttons.

![screenshot of gift card setting panel options](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2026/05/19/985f0d0a-5128-44c5-bd2c-00b4dfdd3310/462b86f4-5fe5-4de5-a741-c7d3d07683f2.png)

**Wix Studio Editor:**

1. [Go to your editor](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26).
2. Go to your Gift Card page:  
   1. Click **Pages** ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/321a54e1-ec18-42be-9c2b-b93f3f6c8383/b26db553-6344-412a-b9f6-16f1a76dba92.png) on the left side of the editor.  
   2. Click **Gift Card** under **Main Pages**.
3. Click the **Gift Card** element on your page.
4. Click **Settings**.
5. Click the **Settings** tab and choose what to display on your gift card, set recipient options, and configure your **Add to Cart** and **Buy now** buttons.
6. Click **Text** and edit the titles and labels on your gift card, including the **Quantity selector**, **Amount options**, **Recipient details**, **Recipient selection** and **Buttons**.
7. Click **Design**, then choose what you want to customize:  
   * **Page design**: Customize the page background, gift card details such as the title, price, and description, and the image settings.  
   * **Fields & selection**: Customize the font and color of field titles, amount options, gift card recipient details, and input fields.  
   * **Buttons:** Customize the fill color, border, corner radius, and text font and color for the **Add to Cart** and **Buy now** buttons.

![screenshot of gift card setting panel options](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2026/05/19/4da35cbc-6aed-474d-a44e-e123a986e6dc/41e87681-70dc-491a-8e3d-fe2945802859.png)

**Wix Harmony Editor:**

1. [Go to your editor](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26).
2. Click the **Page** dropdown at the top left of the page.
3. Select the **Gift Card** page in the **Site Pages** panel.
4. Click the **Gift Card** element on your page.
5. Click the **Settings** icon ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/08/c392eea5-3b7b-411e-a4e3-adccf49986b5/e301c7eb-1dda-4f8b-8bb0-b8262c91db10.png) on the action bar.
6. Click the **Settings** tab to set **Recipient options** and configure your **Add to Cart** button.
7. Click **Design**, then choose what you want to customize:  
   * **Page design**: Customize the page background, gift card details such as the title, price, and description, and the image settings.  
   * **Fields & selection**: Customize the font and color of field titles, amount options, gift card recipient details, and input fields.  
   * **Buttons:** Customize the fill color, border, corner radius, and text font and color for the **Add to Cart** and **Buy now** buttons.

![screenshot of gift card setting panel options](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2026/05/19/bb933ce1-3f6e-4cd2-8202-fad2390c6892/c3cc19a3-05d6-4056-90a4-b41b252e18d7.png)

---

## FAQs

Click a question below to learn more about customizing your gift card page.

**Can I customize the gift card email template?**

Yes, you can [customize the email's design](https://support.wix.com/en/article/wix-gift-cards-customizing-your-gift-card-email). Update elements like images, themes and backgrounds to create a look that suits your unique style.

**How does the delivery date and time work?**

When you select the **Delivery date and time** checkbox in the **Settings** tab, customers can choose when to email the gift card to the recipient. The delivery time is based on the time of purchase in UTC. For example, a card purchased at 12:00 EST is delivered at 12:00 UTC.  
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2026/06/15/15a6f56a-4860-407a-89f9-3d64558f2d17/9adeb653-04ca-4738-a22f-bd1b9d3e22b7.png)

**Can I test the gift card system before publishing my site?**

The gift card system requires the site to be published to test it. You cannot simulate gift card purchases or redemptions in preview mode. Publish your site and use a test purchase to ensure everything works as expected.

  
**Tip:** You can [send a test email](https://support.wix.com/en/article/email-marketing-sending-your-email-campaign#sending-a-test-email-before-sending-your-campaign) to check what the gift card email looks like when it gets sent to a recipient.

**How do I change the gift card settings (e.g. gift card name, description)?**

You can edit the gift card name, description, image, amounts, and expiration settings from the [Gift Card Settings](https://www.wix.com/my-account/site-selector/?buttonText=Go%20to%20Gift%20Cards&title=Select%20a%20Site&autoSelectOnSingleSite=true&actionUrl=https://www.wix.com/dashboard/{{metaSiteId}}/store/gift-cards) in your site's dashboard.

  
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/05/25/04cbd665-d0d7-4cc1-b1ae-616f2ae2c7c2/bd344ee3-d48c-41ef-8ea4-ee61b2550ccd.png)
