Edit an email template

Your store has many email notification templates. Email notifications are triggered by events, like a new order being placed, or an order being fulfilled. They are 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 once. You can also edit the content of email notifications individually.

Add a logo to your email templates

You can add a logo to all your email templates at once:

  1. Click Customize:
    Customize button
  2. Add a logo by clicking Choose file, finding it, and uploading it:
    Customize add logo

Choose colors for your email templates

You can change the color scheme of your email templates:

  1. Click Customize:
    Customize button
  2. Change the accent color of your emails by entering the color code or clicking the color picker:
    Customize color

Customize specific email templates

You can customize the copy and formatting of each email template individually:

  1. In the Email templates section, click the template you want to change:

    Click email template
  2. You can edit the Email subject field and the body of the email:

    Edit notification 1
  3. Click Save.


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

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


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 will not include one.

To add a custom message for each of these notifications:

  1. Enter a custom message in the text field (this one is for abandoned checkout notifications):
    Abandoned checkout custom message
  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


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 will not 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 will be transformed into plain text for email clients that require this version to be displayed, such as Mail for Apple Watch.

Want to discuss this page?

Visit the Shopify Community

Ready to start selling online with Shopify?

Try it free