Edit an email template
Your store has many email templates. These emails are sent to you, your staff, or your customers, based on an event like when you have a new order, or when your customer's order has shipped, and how you set up your Order Notifications. You can customize your email templates by adding a logo and changing the color scheme for all your emails at once, and by editing each email template to adjust the copy and formatting.
Did you know?
Your customers receive ‘Shipment out for delivery’ and ‘Shipment delivered’ notifications for orders fulfilled by USPS, UPS, FedEx and Canada Post.
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.
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.
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.
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
Note
Custom messages are optional, but your notifications must contain the {{ custom_message }} tag in their code. If you click Confirm before sending with no custom message when sending your notifications, then your email will not include one.
You can add a custom message to several notifications, including:
- abandoned checkout
- contact customer
- customer activation
- draft order invoice
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 Confirm before sending.
- 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
Did you know?
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.