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:
- From your Shopify admin, click Settings, and then click Notifications.
- From the Shopify app, tap Store, and then tap Settings.
- Under Store settings, tap Notifications.
- From the Shopify app, tap Store, and then tap Settings.
- Under Store settings, tap Notifications.
- Click Customize:
- Add a logo by clicking Choose file, finding it, and uploading it:
Choose colors for your email templates
You can change the color scheme of your email templates:
- From your Shopify admin, click Settings, and then click Notifications.
- From the Shopify app, tap Store, and then tap Settings.
- Under Store settings, tap Notifications.
- From the Shopify app, tap Store, and then tap Settings.
- Under Store settings, tap Notifications.
- Click Customize:
- Change the accent color of your emails by entering the color code or clicking the color picker:
Customize specific email templates
You can customize the copy and formatting of each email template individually:
- From your Shopify admin, click Settings, and then click Notifications.
- From the Shopify app, tap Store, and then tap Settings.
- Under Store settings, tap Notifications.
- From the Shopify app, tap Store, and then tap Settings.
- Under Store settings, tap Notifications.
-
In the Email templates section, click the template you want to change:
-
You can edit the Email subject field and the body of the email:
-
Click Save.
Note
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
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 will not include one.
To add a custom message for each of these notifications:
- Enter a custom message in the text field (this one is for abandoned checkout notifications):
- Click Review email.
- Verify the message is showing correctly, and click Back to make any changes.
- 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 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.