Modifying the email image my customers receive when buying a gift card

Shopify Discussion

Topic summary

Goal: Customize the gift card visuals and text—both on the storefront gift card page and in the gift card email.

Core solutions shared:

  • Page image: Upload a new image to Theme > Edit code > Assets, then update Templates > gift-card.liquid to use the new asset (e.g., asset_img_url).
  • Email image: Settings > Notifications > “Gift card created”; replace with your image (asset_img_url) or a direct Files URL.

Common issues and fixes:

  • Email shows default or broken image: ensure the correct file extension (.png/.jpg) and path; some had success using Settings > Files URL with explicit width/height to avoid blur.
  • Blurry/giant images: use asset_img_url with a standard width (e.g., ‘600x’ for email) or set width/height; avoid too-small sources.
  • “View/Print gift card” still default: update dimensions/references in gift_card.liquid and ensure theme-specific assets are replaced.
  • Theme variations: Some themes (including 2.0) use their own asset names; locate and replace the theme’s specific gift card image, keeping the same filename/extension.

Unresolved/ongoing:

  • Change color/size/bold of the gift card value text (page/email) remains unanswered.
  • Dynamic images per gift card product or value not provided.
  • Some paid-theme previews succeed but sent emails still show defaults.

Status: Mixed success with community workarounds; several edge cases remain open.

Summarized with AI on December 13. AI used: gpt-5.
2

Hi, @jjcastillot !

I’m Miles from the Social Care team at Shopify. Modifying your gift card image is something you can do in your Shopify admin, but it does require some coding. I’ll walk you through each step, but I want to start with some information if you’re unsure how to code.

If you’re using a free theme from Shopify, then our Support team might be able to help you with this tutorial. Although Shopify can help you with many customizations, some kinds of customizations aren’t supported.

If you’re using a paid theme, then your theme was made by a third-party developer and Shopify’s Support team can’t help you with it. If you need help customizing a paid theme, then consider hiring a Shopify Expert. Similar to free themes, some kinds of customizations aren’t supported because of limitations associated with the theme or Shopify admin.

Learn more about support for themes.

Uploading your image.

To upload a new image for your gift card, follow these steps:

  1. From your Shopify admin, go to Online Store > Themes.

  2. Find the theme you want to edit, and click Actions > Edit code.

  3. In the Assets directory, click Add a new asset: New asset menu

  4. Click Choose File to browse to the new gift card image on your computer and upload it. We suggest using a simple filename, for example blue-giftcard.png.

  5. Click Upload asset. The new gift card image will appear in your Assets directory. Take note of the file extension (.png or .jpg)

Attach picture to the gift card image.

  1. In the Templates directory, click gift-card.liquid.
  2. Find the following code within the file: <img src="{{ 'gift-card/card.jpg' | shopify_asset_url }}" alt="">
  3. Replace it with the following: <img src="{{ 'blue-giftcard.png' | asset_img_url: '1024x1024' }}" alt="">
  4. Click Save.

Note: Make sure to change “blue-giftcard.png” to the file name and extension of the new image as needed.

Preview your new gift card image.

  1. From the theme code editor, in the top right-hand corner, click Customize theme.
  2. Open the theme editor.
  3. From the drop-down menu at the top of the page, or from the Templates menu on mobile, select Gift card.

I hope this helps! Please let me know if you need any assistance or get stuck at any step.

8 Likes