{"id":886,"date":"2020-03-16T11:16:16","date_gmt":"2020-03-16T11:16:16","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/2020\/03\/16\/configure-magento-2-email-header-template\/"},"modified":"2025-05-22T14:44:19","modified_gmt":"2025-05-22T09:14:19","slug":"configure-magento-2-email-header-template","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/configure-magento-2-email-header-template\/","title":{"rendered":"How To Configure Magento 2 Email Header Template"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/developer.adobe.com\/commerce\/docs\/\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 email header template<\/a>&nbsp;is the part of the email content that is sent automatically as a message from your Magento 2 store.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example, store logo, signature, contact details with variables to store that information, etc.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This post shows the step wise method to&nbsp;<em><strong>configure Magento 2 email header template<\/strong><\/em>. As Magento recommends to not make any changes in the default Magento 2 template, I prefer to either develop a custom Email template and configure Magento 2 to use them or use the custom Email template as a physical file in your custom theme or create one with the admin panel.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The below steps are to configure Email header template in Magento 2 using the admin panel.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Steps to configure Magento 2 Email Header Template:<\/h2>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-4fc3f8e1 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-4fc3f8e1 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-4fc3f8e1 wp-block-group-is-layout-flex\">\n<p class=\"wp-block-paragraph\">1. <strong>Login<\/strong>&nbsp;to admin panel<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. Load the Default Template<\/p>\n<\/div>\n<\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Navigate to&nbsp;<strong>Marketing &gt; Communications &gt; Email Templates<\/strong><\/li>\n\n\n\n<li>Click \u201c<strong>Add New Template<\/strong>\u201d<\/li>\n<\/ul>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2020\/03\/1_Add-New-Template-Meetanshi.png\" alt=\"1_Add New Template - Meetanshi\" class=\"wp-image-8141\"\/><\/figure>\n\n\n\n<ul start=\"3\" class=\"wp-block-list\">\n<li><strong>Load default template<\/strong>&nbsp;\u2013 In the Template drop down list, click&nbsp;<strong>Header<\/strong>, under the&nbsp;<strong>Magento_Email<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2020\/03\/2_Load-default-template-Meetanshi.png\" alt=\"2_Load-default-template-Meetanshi.png\" class=\"wp-image-8142\"\/><\/figure>\n\n\n\n<ul start=\"4\" class=\"wp-block-list\">\n<li>Click \u201c<strong>Load Template<\/strong>.\u201d Doing so, the HTML code and variables for the Template Subject and the Template Content will be displayed.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-4fc3f8e1 wp-block-group-is-layout-flex\">\n<p class=\"wp-block-paragraph\">3. Customize the template<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Add the&nbsp;<strong>template name<\/strong>&nbsp;for the email header template<\/li>\n\n\n\n<li>Add the&nbsp;<strong>template subject<\/strong>&nbsp;to arrange the templates in the future. The subject column can filter and sort the list of templates in the grid.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2020\/03\/3_Template-Information-Meetanshi-1024x482.png\" alt=\"3_Template-Information-Meetanshi.png\" class=\"wp-image-8143\"\/><\/figure>\n\n\n\n<ul start=\"3\" class=\"wp-block-list\">\n<li><strong>Template content<\/strong>&nbsp;\u2013 Edit the HTML code if needed. Note: Do not overwrite any code that is in the double braces.<\/li>\n\n\n\n<li>To insert any&nbsp;<strong>additional variable<\/strong>, click the Insert Variable after placing the cursor in the code at the place where you want it to be displayed. After that, select the variable to be inserted so that the markup tag for the same is inserted in the code.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2020\/03\/4_Insert-Variable-Meetanshi.png\" alt=\"4_Insert Variable - Meetanshi\" class=\"wp-image-8144\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-4fc3f8e1 wp-block-group-is-layout-flex\">\n<p class=\"wp-block-paragraph\">4. Updating the configuration<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Navigate to&nbsp;<strong>Content &gt; Design &gt; Configuration<\/strong><\/li>\n\n\n\n<li>Edit the desired&nbsp;<strong>store view<\/strong><\/li>\n\n\n\n<li>Go to&nbsp;<strong>Transactions Email<\/strong><\/li>\n\n\n\n<li>Select the default&nbsp;<strong>Header Template<\/strong>&nbsp;for email notifications.<\/li>\n\n\n\n<li><strong>Save<\/strong>&nbsp;your configuration<\/li>\n<\/ul>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2020\/03\/5_Updating-the-configuration-Meetanshi.png\" alt=\"Updating the configuration Meetanshi\" class=\"wp-image-8145\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Field Description:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Template<\/strong>&nbsp;\u2013&nbsp; &nbsp;Lists the available templates<\/li>\n\n\n\n<li><strong>Template Name<\/strong>&nbsp;\u2013 The name of your custom template<\/li>\n\n\n\n<li><strong>Insert Variable<\/strong>&nbsp;\u2013&nbsp;A store contact detail variable to be inserted into the template at the location of the cursor.<\/li>\n\n\n\n<li><strong>Template Subject<\/strong>&nbsp;\u2013&nbsp;Displayed to sort and filter the templates in the list.<\/li>\n\n\n\n<li><strong>Template Content<\/strong>&nbsp;\u2013 HTML content of the template<\/li>\n\n\n\n<li><strong>Template Styles<\/strong>&nbsp;\u2013&nbsp;Enter any CSS style declarations to format the template header.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">That\u2019s it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to enhance your brand consistency, build trust with customers and also adds professional touch to your communication&nbsp;<a href=\"https:\/\/meetanshi.com\/blog\/get-store-name-in-magento-2-email-template\/\">get store name in email template in Magento 2<\/a>&nbsp;and have a better user experience.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Please share the post with fellow Magento community via social media profiles.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Thank you.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Magento 2 email header template&nbsp;is the part of the email content that is sent automatically as a message from your Magento 2 store. For example,&#8230;<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34],"tags":[],"class_list":["post-886","post","type-post","status-publish","format-standard","hentry","category-magento"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/886","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=886"}],"version-history":[{"count":5,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/886\/revisions"}],"predecessor-version":[{"id":15027,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/886\/revisions\/15027"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=886"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=886"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=886"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}