{"id":6734,"date":"2024-03-11T03:43:45","date_gmt":"2024-03-11T02:43:45","guid":{"rendered":"https:\/\/help.expertsender.com\/emp\/create-email-header-and-footer-using-modules\/"},"modified":"2024-03-19T13:28:13","modified_gmt":"2024-03-19T12:28:13","slug":"create-email-header-and-footer-using-modules","status":"publish","type":"es","link":"https:\/\/help.expertsender.com\/pl\/emp\/create-email-header-and-footer-using-modules\/","title":{"rendered":"Create email header and footer using modules"},"content":{"rendered":"

In this article, you will learn how to create a header and a footer for your email message and how to save them as modules for future use.<\/span><\/p>\n

\u00a0<\/p>\n

\nCreate a header<\/span>
\u00a0<\/h2>\n

The email header is the first thing your subscribers see when they open your message. It’s a great opportunity to display your brand, even though it only includes a company name, a logo and a menu.<\/p>\n

With the Drag&Drop editor, designing a unique header is quick and easy. Follow these steps:
\u00a0 \u00a0 1.\u00a0\u00a0\u00a0\u00a0Open the Drag&Drop editor.\u00a0
\u00a0 \u00a0 2.\u00a0\u00a0\u00a0\u00a0Go to Appearance menu > Stripes > Header.\u00a0<\/strong>
\u00a0 \u00a0 3.\u00a0\u00a0\u00a0\u00a0Choose the main style for your header, such as stripe and content background color, content border, or whether to hide the header on a desktop or mobile devices.\u00a0<\/p>\n

<\/figure>\n

\u00a0 \u00a0 4.\u00a0\u00a0\u00a0\u00a0Go back to the working space and add or remove structures to fit your header design idea.\u00a0
\u00a0 \u00a0 5.\u00a0\u00a0\u00a0\u00a0Once you have your structures in place, click the working area to enable the structure edit menu on the left.<\/strong>
\u00a0 \u00a0 6.\u00a0\u00a0\u00a0 Define the message area as header.<\/strong> The header settings will automatically apply to all structures included in the header stripe.
\u00a0 \u00a0 7.\u00a0\u00a0\u00a0\u00a0Go to Content menu > Blocks.<\/strong>
\u00a0 \u00a0 8.\u00a0\u00a0\u00a0\u00a0Start adding blocks and fill them with content you want to include in the header:
\u00a0 \u00a0 \u00a0 \u00a0 \u2022\u00a0\u00a0\u00a0\u00a0Use the Image block to add company logo,\u00a0
\u00a0 \u00a0 \u00a0 \u00a0 \u2022\u00a0\u00a0\u00a0\u00a0Use the Menu block to add links for product and service categories.
\u00a0 \u00a0 9.\u00a0\u00a0\u00a0\u00a0Once you\u2019re done, hover over the stripe menu and click Save as module.<\/strong>
\u00a0 \u00a0 10.\u00a0\u00a0\u00a0\u00a0Enter the module name and click Save.<\/strong>
\u00a0 \u00a0 11.\u00a0\u00a0\u00a0\u00a0To add the header module to a new email message, go to Content menu > Modules.<\/strong>
\u00a0 \u00a0 12.\u00a0\u00a0\u00a0\u00a0Enter module\u2019s name and Save it.<\/strong><\/p>\n

That\u2019s it You’ve successfully created a header module. To reuse it, find the header in the module section and drag and drop it into the working space. \u00a0
\u00a0<\/p>\n