{"id":5778,"date":"2021-12-13T10:25:48","date_gmt":"2021-12-13T10:25:48","guid":{"rendered":"https:\/\/helptest.mainbrainer.com\/knowledge-base\/landing-page-footer-widget\/"},"modified":"2022-08-17T10:16:18","modified_gmt":"2022-08-17T10:16:18","slug":"landing-page-footer-widget","status":"publish","type":"ht_kb","link":"https:\/\/www.mainbrainer.com\/hc\/en_IN\/landing-pages\/builder\/footer\/","title":{"rendered":"Landing Page Footer Widget"},"content":{"rendered":"
\n

The Footer <\/strong>widget helps you add a footer section to your landing page.<\/p>\n

<\/div>\n

How to use a Footer Widget on a Landing Page?<\/h2>\n

\n

Step 1<\/h2>\n

Navigate to the landing page builder<\/h2>\n

Use the Main Menu<\/strong> on the left to create a landing page<\/strong> and subsequently navigate to the landing page builder<\/a>.<\/p>\n

<\/div>\n

Step 2<\/h2>\n

Add a Footer widget to your landing page<\/h2>\n

The blank area on the left is the Work area <\/strong>where you design your landing page, 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 Footer to your landing page, drag and drop the Footer <\/strong>widget to the work area (as highlighted in the screenshot below)<\/em>.<\/p>\n

<\/div>\n

\"Landing<\/p>\n

<\/div>\n

Step 3<\/h2>\n

Type in the relevant text for the footer section<\/h2>\n

As 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

\"Footer<\/p>\n

<\/div>\n

As highlighted in the above screenshot, type in the text in the text editor on the right. All the formatting options that you might need, for example, text color, size, style, background color, alignment, etc., are available in the text editor itself.<\/p>\n

<\/div>\n

Step 4<\/h2>\n

Specify the opt-out template to which you want to redirect the unsubscribe requests.<\/h2>\n
<\/div>\n

\"Select<\/p>\n

<\/div>\n

All the opt-out templates<\/a> available in your account are displayed in the dropdown menu highlighted in the above screenshot. If you haven’t created any opt-out templates yet, first create them using the navigation path: Create >> Templates >> SMS and Email unsubscribe<\/a>.<\/p>\n

Select the opt-out template to which you want to redirect the unsubscribe requests, and click Save<\/strong>.<\/p>\n

<\/div>\n

Step 5<\/h2>\n

Style your Footer widget<\/h2>\n

Use the options available under the Style <\/strong>tab to customize the widget as per your design preferences.<\/p>\n

<\/div>\n

\"Set<\/p>\n

<\/div>\n

Herein, use the fields under <\/strong>Footer Font settings and Background color <\/strong>to change the color of the widget background. You can also choose to make this area transparent by checking the box \u2013 Widget Background Transparent.<\/p>\n

Click Save <\/strong>and that\u2019s it!<\/p>\n

You have successfully added a footer to your landing page!<\/p>\n

Let’s proceed, and have a look at how to divide the work area into multiple columns using the Columns Widget<\/a>!<\/p>\n<\/div>\n