Customize Gift Card Notifications

The gift card notifcation is sent to the customer when the order is marked paid – the order confirmation email is sent when the order is created.

Choose an email template that you'd like to customize:

    In this article:

  1. Gift Card Notification Email
  2. Order Confirmation Email
  3. Email template source code

Gift Card Notification Email

Once a customer has purchased a gift card, it will be delivered via email to the address provided at time of checkout. You can update the default email notification template in your Notifications tab.

  1. From your store admin, go to the Settings > Notifications page;

  2. Under "Email Templates" click on Gift Card Notification;

    #

  3. Update the template with your desired changes. You can use both the gift_card and shop Liquid variables within the Gift Card notification template.

  4. Save your changes.

Order Confirmation Email

You can customize the order confirmation email in many ways. Here's an example of how to include the money amount covered by gift cards.

  1. Go to your Settings > Notifications page.

  2. On the Notifications page, click on “Order Confirmation” in the Email templates section.

#

Click on the “Plain text email” tab, and replace the following:

Shipping  : {{ shipping_price | money_with_currency }}{% endif %}
Total     : {{ total_price | minus: gift_card_amount | money_with_currency }}

with:

Shipping  : {{ shipping_price | money_with_currency }}{% endif %}{% assign gift_card_applied = false %}{% assign gift_card_amount = 0 %}{% for transaction in transactions %}{% if transaction.gateway  == 'gift_card' %}{% assign gift_card_applied = true %}{% assign gift_card_amount = gift_card_amount | plus: transaction.amount %}{% endif %}{% endfor %}{% if gift_card_applied %}
Gift cards: {{ gift_card_amount | times: -1 | money_with_currency }}{% endif %}
Total     : {{ total_price | minus: gift_card_amount | money_with_currency }}

Your template will look like this:

#

Then, click on the “HTML email” tab, and, if that template isn't empty, replace the following:

<p>Shipping : {{ shipping_price | money_with_currency }}</p>
{% endif %} <p>Total : {{ total_price | money_with_currency }}</p>

with:

<p>Shipping: {{ shipping_price | money_with_currency }}</p>
{% endif %}
{% assign gift_card_applied = false %}
{% assign gift_card_amount = 0 %}
{% for transaction in transactions %}
  {% if transaction.gateway  == 'gift_card' %}
    {% assign gift_card_applied = true %}
    {% assign gift_card_amount = gift_card_amount | plus: transaction.amount %}
  {% endif %}
{% endfor %}
{% if gift_card_applied %}
<p>Gift cards: {{ gift_card_amount | times: -1 | money_with_currency }}</p>
{% endif %}
<p>Total: {{ total_price | minus: gift_card_amount | money_with_currency }}</p>

Your template will look like this:

#

Your edits will produce this result in the email sent to your customers when they use a gift card:

#

Email template source code

Here's the original code for the email templates, just in case you want to abandon your changes and start again:

Gift Card Notification

Hi{% if gift_card.customer %} {{ gift_card.customer.first_name }}{% endif %},

Here is your {{ shop.name }} gift card for {{ gift_card.initial_value | money_without_trailing_zeros }}.
{% if gift_card.initial_value != gift_card.balance %}You have {{ gift_card.balance | money_without_trailing_zeros }} left on this gift card.{% endif %}

To view or print your gift card, visit the link below:
<{{ gift_card.url }}>

Thank you for shopping at {{ shop.name }}!
<{{ shop.url }}>

Gift Card Notification — HTML version

<div style="font-family:Sans-Serif;font-size:12px;width:100%;margin:5px;">
<p>Hi {{ gift_card.customer.first_name }},</p>

<p>Here is your {{ shop.name }} gift card for {{ gift_card.initial_value | money_with_currency }}.</p>

{% if gift_card.initial_value != gift_card.balance %}
  <p>You have {{ gift_card.balance | money_with_currency }} left on this gift card.</p>
{% endif %}

<p>Your gift card code is: <strong>{{ gift_card.code }}</strong></p>

<p>To redeem your gift card online, type in the code above at checkout.</p>

<p>To view or print your gift card online, visit the link below:
<a href="{{ gift_card.url }}">{{ gift_card.url }}</a>
</p>

<p>Thank you for shopping at {{ shop.name }}!</p>
</div>

Order Confirmation

Since the Order Confirmation email is not only related to Gift Cards (but all orders), we keep the default template stored in another article. Click here to see it.

Ready to put what you've learned into action?

Build an online store with Shopify Try it Free

Experience the future of retail now

Shopify Point of Sale Try it Free