You have full control over the format and design of the email notifications sent to recipients. This includes being able to edit the language or words used in the notification. 

There are three notifications you can customize separately:

  • Gift Card Email: The email sent to the gift recipient at the time (or immediately if that option is selected by the gift giver).
  • Scheduled Email: The email sent to the gift giver confirming the date and time the gift card will be sent.
  • Delivered Email: The email sent to the gift giver when the gift card has been sent.

Please be aware that this required knowledge of HTML and CSS as well as the limitations of using HTML and CSS in emails. We generally recommend using table based layouts for email notifications for maximum compatibility. ShopKeeper does not provide assistance designing or coding these emails beyond basic customizations. If you need to hire someone to help design or code your email notification, we suggest using Storetasker.

To edit your email notification click Apps > Shopkeeper Gift Card Scheduler (or click here). Scroll down to find the name of the email you want to edit.

In the code area, make your changes. We strongly recommend making a copy of this code and fully testing your code.

If you make an error and need to reset the code, click "Reset to default," but note this will remove any customizations permanently. 

Adding your logo to emails

To replace your store name, which is shown in plain text by default, with your logo or other image follow these steps:

  1. Upload your image to the file manager and copy the URL (it should start with https://cdn.shopify.com)
  2. Open the email code you want to modify under Apps > Shopkeeper Gift Card Scheduler
  3. Look for this line of code: <h1 style="font-weight: normal; font-size: 30px; color: #333333; margin: 0;">Your {{shop.name}} gift card has been scheduled!</h1>
  4. Replace it with: <img src="URL_TO_IMAGE" width="200" height="50" alt="{{shop.name}}" />
  5. You will ned to update the "URL_TO_IMAGE" to be the URL you copied from the file manager and you may want to adjust the image height and wide values (maximum width recommended is 400 to 600 pixels)
  6. Save your work
  7. We strongly recommend testing this by creating a 100% discount code only you know and "purchasing" a gift card and testing the entire process

If you want to use your logo and the headline text, use this code: <h1 style="font-weight: normal; font-size: 30px; color: #333333; margin: 0;"><img src="URL_TO_IMAGE" width="200" height="50" alt="{{shop.name}}" style="padding-bottom:20px;" />Your {{shop.name}} gift card has been scheduled!</h1>

Replacing the gift image

Perhaps the most common change is update the image used in this email from the default orange and gold one.

Here's how to do that:

  1. First, decide what image you'd like to use — typically your store logo or an image shaped like a credit card with your store logo on it works best. While you can use any size, we recommend 240 pixels wide by 160 high (or, to support high resolution devices, 480 pixels wide by 320 high).
  2. If you need to upload the image, we recommend using the Files tool in Shopify. Click here for instructions. After you upload the image, copy and paste the URL Shopify provides you. It should look something like this: https://cdn.shopify.com/s/files/1/0285/2506/8397/files/card-fd4b15ddcc3d3505fee3c54f36da76696244c344ddb6d22558b08bb8cf0cf9f9.jpg?v=1608824513
  3. Look for this code (note that the code after https://cdn.shopify.commight vary):
    <td><a href="{{url}}"><img src="https://cdn.shopify.com/shopifycloud/shopify/assets/themes_support/gift-card/card-fd4b15ddcc3d3505fee3c54f36da76696244c344ddb6d22558b08bb8cf0cf9f9.jpg" alt="Gift card image" width="240" height="160"></a></td>
  4. Delete the URL (or the one similar to it) shown in bold above (it typically starts with https://cdn.shopify.com/shopifycloud/shopify/assets/themes_support/gift-card/ and ends with .jpg). Be careful to keep the quotation marks.
  5. Place your cursor between the quotation marks and paste the entire URL for the image you want. Be sure it starts with https://cdn.shopify.com or it will not work.
  6. If your image is a different size, you will need to update the "width" and "height" values. You can also change the "alt" tag to something else if you'd like, including another language. If you use an image that is 480 by 320 pixels you do not need to change these values.

By default we include the default Shopify orange and red gift image, but may store owners like to replace this. Here's how.

  1. Upload your image to the file manager and copy the URL (it should start with https://cdn.shopify.com)
  2. Open the email code you want to modify under Apps > Shopkeeper Gift Card Scheduler
  3. Look for this line of code: <img src="https://cdn.shopify.com/shopifycloud/shopify/assets/themes_support/gift-card/card-fd4b15ddcc3d3505fee3c54f36da76696244c344ddb6d22558b08bb8cf0cf9f9.jpg" alt="Gift card image" width="240" height="160">
  4. Replace the boldface URL with the full URL to the image you uploaded
  5. You may also need to adjust the "alt" tag value and height and width (maximum of 400 to 600 pixel width is recommended).
  6. Save your work
  7. We strongly recommend testing this by creating a 100% discount code only you know and "purchasing" a gift card and testing the entire process