Personalize gift cards with a custom image

Upload a new image for your gift card

  1. From your Shopify admin, go to Online Store > Themes.
  2. Find the theme you want to edit, and click the ... button > Edit code.
  3. In the Assets directory, click Add a new asset.
  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).

Edit the gift card template file so that it uses your new image

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

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.
Can’t find the answers you’re looking for? We’re here to help.