References

Edit notification templates

Your store has many notification templates. Notifications are triggered by events, like a new order being placed, or an order being fulfilled. They're sent to you, your staff, or your customers, depending on the event as well as your order notification settings.

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.

For information about SMS templates, refer to SMS notifications.

Note

If you want to edit the body and subject content of your email notifications, then make sure that you've first confirmed your sender email.

Add a logo to your email templates

  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.

Choose colors for your email templates

  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.

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.

Note

If you sell in multiple languages and activated additional languages on your store, then your customers receive email notifications in other languages. If you want to edit the template translations or add email notification translations, then refer to Checkout and email notifications.

Customize specific email templates

Steps:

  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.

Note

If you need to reset a template to its default, then click Revert to default below the template editor.

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 into 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 target="_blank" class="link-out" 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 currenttotalduties %}

Duties

{{ currenttotalduties | money }}

{% 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 duedate = paymentterms.nextpayment.dueat | default: nil %}

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

{% if paymentterms.type == 'fulfillment' and paymentterms.nextpayment.dueat == nil % }

Payment of {{ order.totaloutstanding | money }} is due on fulfillment

{% else %}

Payment of {{ order.totaloutstanding | money }} is due {{ due_date | date: format: 'date' }}

{% 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.

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

Note

Custom messages are optional. If you add custom messages, then your notifications must contain the {{ custom_message }} tag in their code. If you click Review email with no custom message when sending your notifications, then your email does not include one.

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

Tip

Styling your templates with CSS requires advanced knowledge of HTML and 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.