How to customize Email Template, Transactional Email in Magento 2

0
27

Step 1: Load the Default Template

  • On the Admin Panel, Marketing > Communications > Email Templates.
  • Click on Add New Template,
    • Choose the types of the Template: Header, Footer, or Message Templates.
    • Click on Load Template, the corresponding format will appear.

How to customize Email Template Magento 2, Transactional Email Load Templates

Step 2: Fill out the Template Information

  • Name for the new template in the Template Name field.
  • Insert the Template Subject for the organization of the templates. The list of templates can be sorted and filtered by the Subject column.

How to customize Email Template Magento 2, Transactional Email Template Information

  • Customize the HTML as you need in the Template Content box.
  • Click on Insert Variable to insert a variable in the Template Content box.

How to customize Email Template Magento 2, Transactional Email Insert Variable

With the inserted variable, you can custom it directly into the template.

  • If you want to declare any CSS, enter the styles in the Template Styles box.

Step 3: Preview the Template

  • To ensure that the template is applied correctly as you expect, click on Preview Template to adjust if needed.
  • Save Template to complete.

Each completed new template is auto-updated in the list of available Email templates.

Step 4: Apply the new Template

  • Footer/ Header Template
    • Go to Magento Admin, follow the path: Store > Configurations > General > Design, open Email section.

    How to customize Email Template Magento 2, Transactional Email Footer/Header Template

    • Set name for new Footer/Header Template
    • Save Config to complete.
  • Message Template
    • Go to Magento Admin, follow the path: Store > Configuration > Customers > Customer Configuration

    Based on where the template is placed to open the relevant option, for example, the template belongs to Create New Account Options:

    How to customize Email Template Magento 2, Transactional Email Message Template

    • Set the new template for Welcome Email.
    • Save Config to complete

From: mageplaza