Header Template

The email header template includes your logo that is linked to your store. In addition, you can easily insert variables to add store contact information to the header.

Email Templates

Step 1. Load the Default Template

  1. On the Admin sidebar, tap Marketing. Then under Communications, choose Email Templates.

  2. Tap Add New Template. Then, do the following:

    • Under Load default template, in the Template list under Magento_Email, choose “Header”.

      Default Header Template

    • Tap Load Template.

      The HTML code and variables from the template appear in the form.

Step 2. Customize the Template

  1. Under Template Information, do the following:

    • Enter the Template Name for your custom header.

    • Enter a Template Subject to help organize the templates. In the grid, the list of templates can be sorted and filtered by the Subject column.

      Header Template Information

    • In the Template Content box, modify the HTML as needed.

      When working in the template code, be careful not to overwrite anything that is enclosed in double braces.

    • To insert a variable, position the cursor in the code where you want the variable to appear, and tap Insert Variable. Then, choose the variable that you want to insert.

      When a variable is selected, a markup tag for the variable is inserted in the code.

      Insert Variable

      Although the Store Contact variables are the ones most often included in the header, you can enter the code for any system or custom variable directly into the template.

    • If you need to make any CSS declarations, enter the styles in the Template Styles box.

  2. When you are ready to review your work, tap Preview Template. Then, make adjustments to the template as needed.

  3. When complete, tap Save Template.

    Your custom header now appears in the list of available Email templates.

Step 3. Update the Configuration

  1. On the Admin sidebar, tap Content. Then under Design, choose Configuration.

  2. In the grid, find the store view that you want to configure. Then in the Action column, click Edit.

  3. Scroll down and expand the Transactional Emails section.

  4. Choose the Header Template that is used as the default for email notifications.

  5. When complete, tap Save Config.

Transactional Emails

Field Descriptions

Load Default Template

Template Lists the selection of available templates, and identifies the template to be customized.

Template Information

Template Name The name of your custom template.
Insert Variable Inserts a Store Contact Information variable into the template at the cursor location.
Template Subject The Template Subject appears in the Subject column, and can be used to sort and filter the templates in the list.
Template Content The content of the template in HTML.
Template Styles Any CSS style declarations that are needed to format the template header can be entered in the Template Styles box.