How to customize your Magento Email Templates

Since open rates is higher for transactional email than promotional email, creating a transactional email which fits your brand is an important thing.

In this tutorial, I’m gonna show you how to customize your Transactional Magento Email Templates by using your Magento Admin within only 4 steps.

Step 1: Upload your own logo

1. Navigate to System > Configuration and open “Design” section on the left menu

2. Upload your logo under Transactional Emails section

A small tip for the responsive email is that the dimension of image upload is three times as large as the required size in the header.

If you are using Magento 2, do NOT ignore our guide to Magento 2 Logo.

Step 2: Customize your email header/footer

Thanks to Magento, you can create your own email header and footer in a few minutes.

1. Go to System > Transactional Emails
2. Click Add new template
3. Choose Email – Header/Email – Footer on Template drop down menu
   

   

4. Click Load Template
5. Fill out the Template information
   

   

• Used as Default For: where your custom template will be located

• Template Name: the name of your custom template
• Template Content: the content of your header/footer

6. Save your custom header/footer

Step 3: Customize your email content

The way to customize your email content is the same as creating your email header/footer

1. In your Magento Admin, navigate to System > Transactional Emails
2. Click Add new template
3. Choose a default template from the drop down menu

4. Set Locale to your store language

5. Click Load Template
6. Fill out the template information
   

   

• Used as Default For: where your custom template will be located

• Template Name: the name of your custom template

• Template Subject: your email subject

• Template Content : the body of your message.
• Template Styles: the CSS code block for your email template

7. Click Preview Template button to check how your email looks. Edit the template until you are happy with it. Then click Save Template.
   

   

Preview template

Step 4: Apply your configuration

Clicking Save Template just allow you to add your custom template to the available template list. You have to apply your recent configuration if you would like to use it as default.

Firstly, to apply your custom email header/email footer, follow these steps:

1. Go to System > Configuration > Design
2. Choose your custom header/custom footer on drop down menu at Email header/email footer field.

Secondly, to apply your custom email content, just follow the path in the Template Information box in the previous step. For example, we have added the custom template for transactional expired at third step. To apply it we will follow these steps:

1. Go to System > Configuration
2. Choose the Reward Point section (for example purpose only) on left menu
3. At the email configuration box, choose the custom email on drop down list at Template of email sent to Customer before a transaction expires field

4. Click Save Config

Notice that the place to apply your custom template depends on the type of template that you choose to change. It could be applied in the Sales Email on left menu if you custom “Invoice update” template or in the Customer configuration if you change the “Email for Register” template, etc.

The easiest way to know where to apply your configuration is copying the path at Used as Default For section before saving your custom template.

By following the four steps above, you can create your own responsive transactional email based on the default one of Magento.

Hope this helps!

Further Reading:

How to Change Welcome Message in Magento 2
How to Stop Brute Force Attack on Magento 2