{"id":5774,"date":"2021-12-13T10:25:48","date_gmt":"2021-12-13T10:25:48","guid":{"rendered":"https:\/\/helptest.mainbrainer.com\/knowledge-base\/landing-page-image-text-widget\/"},"modified":"2022-06-09T12:24:12","modified_gmt":"2022-06-09T12:24:12","slug":"landing-page-image-text-widget","status":"publish","type":"ht_kb","link":"https:\/\/www.mainbrainer.com\/hc\/en_IN\/landing-pages\/builder\/image-text\/","title":{"rendered":"Landing Page Image + Text Widget"},"content":{"rendered":"
\n

The Image + Text<\/strong> widget helps you add an image and text combination to your landing page. Herein, you also have the option of hyperlinking the image to an external webpage.<\/p>\n

How to add an Image + Text Widget to a landing page?<\/h2>\n
<\/div>\n

Step 1<\/h3>\n

Navigate to the landing page builder<\/h3>\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<\/h3>\n

Add an Image + Text widget to your landing page<\/h3>\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

In order to add an image + text combination to your landing page, drag and drop the Image + Text<\/strong> widget to the work area (as highlighted in the screenshot below)<\/em>.<\/p>\n

<\/div>\n

\"Landing<\/p>\n

<\/div>\n

Step 3<\/strong><\/h3>\n

Use the Settings tab to upload an image and add relevant text<\/strong><\/h3>\n

As you drop the widget into the work area, the Widget S<\/strong>ettings <\/strong>are displayed on the right (as highlighted in the screenshot below)<\/em>.<\/p>\n

<\/div>\n

\"Landing<\/p>\n

<\/div>\n

As highlighted in the above screenshot, the Widget Settings comprise of two sections:<\/p>\n