{"id":5882,"date":"2021-12-13T10:25:40","date_gmt":"2021-12-13T10:25:40","guid":{"rendered":"https:\/\/helptest.mainbrainer.com\/knowledge-base\/email-section-widget\/"},"modified":"2022-06-09T12:43:32","modified_gmt":"2022-06-09T12:43:32","slug":"email-section-widget","status":"publish","type":"ht_kb","link":"https:\/\/www.mainbrainer.com\/hc\/en_IN\/email\/creator\/section\/","title":{"rendered":"Email Section Widget"},"content":{"rendered":"
\n

The Section<\/strong> widget helps you add distinct sections to your Email. You can drop any number of widgets onto a Section. You can then move and rearrange the Section in the Email as a single unit. Also, when you duplicate a Section, the Section is duplicated as a whole, i.e., along with the inserted widgets.<\/p>\n

This Section<\/strong> widget can come in handy when creating templates for your brand communication.<\/p>\n

For example,<\/strong> you can use the Section<\/strong> widgets to create templates with predefined headers and footer sections. The content sections can then be added to the Emails as you prefer.<\/p><\/blockquote>\n

<\/div>\n

How to use a Section Widget in an Email Campaign?<\/h2>\n
<\/div>\n

Step 1<\/h3>\n

Navigate to the Email Creator<\/h3>\n

Use the Main Menu<\/strong> on the left to create an Email<\/strong> and subsequently navigate to the Email Creator<\/a>.<\/p>\n

<\/div>\n

Step 2<\/h3>\n

Add a Section widget to your Email<\/h3>\n

The blank area on the left is the Work area<\/strong> where you design your Email, and the area on the right is the Tools area where all the available design elements are displayed as Widgets<\/a>.<\/p>\n

To add a section to your Email, drag and drop the Section<\/strong> widget to the work area (as highlighted in the screenshot below).<\/em><\/p>\n

<\/div>\n

\"Email<\/p>\n

<\/div>\n

Step 3<\/h3>\n

Design the space as required<\/h3>\n

Once you drop the widget into the Work area, the widget Settings <\/strong>are displayed on the right (as highlighted in the screenshot below).<\/em><\/p>\n

<\/div>\n

\"Email<\/p>\n

<\/div>\n

Use the options under the Style<\/strong> tab to customize the section background as you prefer. Click Save<\/strong>.<\/p>\n

<\/div>\n

Step 4<\/h3>\n

Add other functional elements to this horizontal space.<\/h3>\n

Drag and drop the widgets corresponding to the functional elements that you want to add to this Section, for example, a Text widget<\/a>, a Button widget<\/a>, an Image widget<\/a>, etc.<\/p>\n

For example, in the campaign shown in the screenshot below, we first added a Column widget<\/a> to divide the Section into two columns. We then added an Image widget<\/a> to the left column, and Text<\/a>, and Button widgets<\/a> to the right column.<\/p><\/blockquote>\n

<\/div>\n

\"Email<\/p>\n

<\/div>\n

As explained in the widget introduction, a Section is a distinct content block in the Email that can be moved or copied as a whole.<\/p>\n

For example, if you duplicate the Section<\/strong> widget (as highlighted in the screenshot below)<\/em>, a copy of the Section will be created along with the widgets it contains:<\/p><\/blockquote>\n

<\/div>\n

\"Email<\/p>\n

<\/div>\n<\/div>\n
<\/div>\n

\"Email<\/p>\n

<\/div>\n
\n

And that’s it! You have successfully added a content section to your Email campaign.<\/p>\n

Let’s proceed and look at how to add an NPS survey form to your Email campaign using the NPS widget<\/a>.<\/p>\n<\/div>\n