{"id":2436,"date":"2021-12-13T10:25:40","date_gmt":"2021-12-13T10:25:40","guid":{"rendered":"https:\/\/helptest.mainbrainer.com\/knowledge-base\/email-columns-widget\/"},"modified":"2022-06-09T11:00:11","modified_gmt":"2022-06-09T11:00:11","slug":"email-columns-widget","status":"publish","type":"ht_kb","link":"https:\/\/www.mainbrainer.com\/hc\/email\/creator\/columns\/","title":{"rendered":"Email Columns Widget"},"content":{"rendered":"
\n

The Columns<\/strong> widget helps you split the workspace into 2, 3, or 4 columns. Then, you can proceed to drag and drop any other widget onto the created columns. For example, add a Text\/Image\/Button or any other design element as you prefer.<\/p>\n

<\/div>\n

How to use a Columns 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 our Email Creator<\/a>.<\/p>\n

<\/div>\n

Step 2<\/h3>\n

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

The blank area on the left is the Work area<\/strong> <\/strong><\/em>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

In order to divide a space in your Work area<\/strong> into columns, drag and drop the Columns<\/strong> widget to the Work area<\/strong>.<\/p>\n

<\/div>\n

\"Email<\/p>\n

<\/div>\n

Step 3<\/h3>\n

Specify the number of columns that you wish to divide the widget area into<\/h3>\n

As you drop the widget into the Work area<\/strong>, 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 Columns Settings<\/strong> to specify the number of columns that you wish to divide the widget area into.<\/p>\n

Click Save<\/strong>.<\/p>\n

<\/div>\n

Step 4<\/h3>\n

Customize the Columns’ background and design<\/h3>\n

You can edit the overall appearance of your Columns using the options available under the Style <\/strong>tab (as highlighted in the screenshot below).<\/em><\/p>\n

<\/div>\n

\"Email<\/p>\n

<\/div>\n

Herein, use the fields:<\/p>\n