Customizing email notification templates

Your store has multiple notification templates that you can access in the Notifications section of your Shopify admin.

You can customize your email notifications by adding a logo or changing the color scheme for all templates at the same time. You can also edit the content of email notifications individually.

Before you can edit the body and the subject heading of your email notifications, you need to confirm your sender email address.

For information about SMS templates, refer to SMS notifications.

Add a logo to your email templates

Desktop
  1. From your Shopify admin, go to Settings > Notifications.

  2. Click Customer notifications.

  3. Click Customize email template.

  4. Add a logo by clicking Choose file, finding it, and uploading it.

iPhone
  1. From the Shopify app, tap the button, and then tap Settings.
  2. In the Store settings section, tap Notifications.
  3. Tap Customer notifications.
  4. Tap Customize email template.
  5. Add a logo by tapping Choose file, finding it, and uploading it.
Android
  1. From the Shopify app, tap the button, and then tap Settings.
  2. In the Store settings section, tap Notifications.
  3. Tap Customer notifications.
  4. Tap Customize email template.
  5. Add a logo by tapping Choose file, finding it, and uploading it.

Choose colors for your email templates

Desktop
  1. From your Shopify admin, go to Settings > Notifications.

  2. Click Customer notifications.

  3. Click Customize email template.

  4. Change the accent color of your emails by entering the color code or clicking the color picker.

iPhone
  1. From the Shopify app, tap the button, and then tap Settings.
  2. In the Store settings section, tap Notifications.
  3. Tap Customer notifications.
  4. Tap Customize email template.
  5. Change the accent color of your emails by entering the color code or selecting the color picker.
Android
  1. From the Shopify app, tap the button, and then tap Settings.
  2. In the Store settings section, tap Notifications.
  3. Tap Customer notifications.
  4. Tap Customize email templates.
  5. Change the accent color of your emails by entering the color code or selecting the color picker.

Changing the language of your email templates

The default language that your email templates display in depends on your theme's language and any edits that you've made to the templates:

  • If you've made no changes to your email templates, then when you change your theme's language, the email template language also changes.
  • If you've made changes to both the body and title of your email templates, then changing your theme's language doesn't change the language of the email templates.
  • If you've made changes only to the title of your email templates, then changing your theme's language doesn't change the language of the email templates.
  • If you've made changes only to the body of your email templates, then changing your theme's language changes the title to the new language but doesn't change the language of the body of your email templates.

Customize specific email templates

Steps:

Desktop
  1. From your Shopify admin, go to Settings > Notifications.

  2. Click Customer notifications.

  3. Click the name of the notification that you want to change.

  4. Edit the Email subject field and the body of the email message.

  5. Click Save.

iPhone
  1. From the Shopify app, tap the button, and then tap Settings.
  2. In the Store settings section, tap Notifications.
  3. Tap Customer notifications.
  4. Tap the name of the notification that you want to change.
  5. Edit the Email subject field and the body of the email message.
  6. Tap Save.
Android
  1. From the Shopify app, tap the button, and then tap Settings.
  2. In the Store settings section, tap Notifications.
  3. Tap Customer notifications.
  4. Tap the name of the notification that you want to change.
  5. Edit the Email subject field and the body of the email message.
  6. Tap Save.

Test your changes

After you've customized a notification template, you can preview the changes in the Shopify admin or send it by email to review how it would display to your customers.

Steps:

  1. To preview your notification, go to Actions > Preview.
  2. If you're satisfied with the changes, then close the preview window and click Save.
  3. To send the notification as a test email, click Actions > Send test email. The email is sent to the account that you used to log in to the Shopify admin.

Add a tax registration number to an invoice

In some countries and regions, you might need to include your tax registration number on customer invoices or other notices. In Australia, Canada, and India, businesses that charge the goods and services tax (GST) might need to include their registration number. In the European Union, you might need to include your value added tax (VAT) identification number.

Check with your tax accountant or a government authority to find out whether you need to include the number.

To display your number on an email notification, follow these steps:

  1. Open the specific email template you want to edit.
  2. In the Email body (HTML) area, enter your registration or identification number in an appropriate location. Include HTML to make sure that the output is formatted correctly.
  3. Optional: To verify that your customizations display correctly, preview your changes.
  4. Click Save.

In the following example, the store owner added their address and tax number after their store logo in the Order confirmation notification.

  <table class="row">
    <tr>
      <td class="shop-name_cell">
        {%- if shop.email_logo_url %}
          <img src="{{shop.email_logo_url}}" alt="{{ shop.name }}" width="{{ shop.email_logo_width }}">
          <p>150 Elgin St, Ottawa  K2P 1L4  GST# 123456789</p>
        {%- else %}
          <h1 class="shop-name_text">
            <a href="{{shop.url}}">{{ shop.name }}</a>
          </h1>
        {%- endif %}

Alternatively, you can purchase and download an invoice app from the Shopify App Store. An invoice app enables you to include tax number on invoices.

Add a duties line to the Order confirmation and Order refund templates

If you collect duty and import taxes, then verify that your notification emails contain a duties line so that your customers have a record of paying that fee.

If you use the default templates for the Order confirmation and Order refund email templates, then your emails are automatically updated to include a duties line item. You don't need to make any changes.

If you customized your Order confirmation and Order refund email templates, then you can add the following code to your email templates to add a duties line.

{% if current_total_duties %}

<tr class="subtotal-line">
 <td class="subtotal-line__title">
   <p>
     <span>Duties</span>
   </p>
 </td>
 <td class="subtotal-line__value">
   <strong>{{ current_total_duties | money }}</strong>
 </td>
</tr>

{% endif %}

Add payment terms to order invoices

Payment terms specify the date that payment for an order is due to be paid.

If you customized your Order invoice email template, then you can add the following code to your email templates to add a payment due dates, including due on fulfillment.

{% assign due_date = payment_terms.next_payment.due_at | default: nil %}

{% if payment_terms.type == 'receipt' and due_date == nil %}
   {% assign due_date = 'now' %}
{% endif %}

{% if payment_terms.type == 'fulfillment' and payment_terms.next_payment.due_at == nil % }
  <h2> Payment of {{ order.total_outstanding | money }} is due on fulfillment </h2>
{% else %}
  <h2>Payment of {{ order.total_outstanding | money }} is due {{ due_date | date: format: 'date' }}</h2>
{% endif %}

To display the name of the payment term on your email template, follow these steps:

 1. Find the following section if it exists:

{% if shipping_address or billing_address or shipping_method %}

 2. Replace it with the following:

 {% if shipping_address or billing_address or shipping_method or payment_terms %}

 3. In the Email body (HTML) area, enter your payment terms name in an appropriate location.

  {% if payment_terms %}
    <td class="customer-info__item">
      <h4>Payment</h4>
      <p> Terms: {{ payment_terms.name }} </p>
    </td>
  {% endif %}

 4. Click Save.

In the following example, the store owner added their payment terms in the customer information section after shipping_method.

Example

For more details, refer to the Liquid reference for payment_terms.

Add a custom message to notifications

You can add a custom message to several notifications, including:

  • abandoned checkout
  • contact customer
  • customer activation
  • draft order invoice

Steps:

  1. Enter a custom message in the text field.
  2. Click Review email.
  3. Verify the message is showing correctly, and click Back to make any changes.
  4. Click Send notification when you are ready.

Style email templates using inline CSS

You can use in-line CSS to style your email templates by overriding the default stylesheet which is: <link rel="stylesheet" type="text/css" href="/assets/notifications/styles.css">. The template editor inlines any style tags in the template automatically. It preserves media queries to help make responsive emails easy to create. External stylesheets and stylesheets uploaded with theme assets can't be inlined, so it’s recommended that CSS styling be included in a <style> tag in the <head> of your templates.

Automatic conversion of plain text emails

Your HTML email templates are transformed into plain text for email clients that require this version to be displayed, such as Mail for Apple Watch.

Can’t find the answers you’re looking for? We’re here to help.