{"id":2490,"date":"2021-12-13T10:25:48","date_gmt":"2021-12-13T10:25:48","guid":{"rendered":"https:\/\/helptest.mainbrainer.com\/knowledge-base\/landing-page-map-widget\/"},"modified":"2022-06-09T09:35:46","modified_gmt":"2022-06-09T09:35:46","slug":"landing-page-map-widget","status":"publish","type":"ht_kb","link":"https:\/\/www.mainbrainer.com\/hc\/landing-pages\/builder\/map\/","title":{"rendered":"Landing Page Map Widget"},"content":{"rendered":"
\n

The Map<\/strong> widget helps you add a map to your landing page. Using this widget, you can mark up to 5 addresses on the inserted map. Also, you can use it to add roadmaps\/satellite maps\/terrain maps or hybrid maps.<\/p>\n

<\/div>\n

How to use a Map Widget in 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 a Map 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 a map to your landing page, drag and drop the Map <\/strong>widget to the work area (as highlighted in the screenshot below).<\/em><\/p>\n

<\/div>\n

\"Landing<\/p>\n

<\/div>\n

Step 3<\/h3>\n

Use the Settings tab to mark an address on the map<\/h3>\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

\"Landing<\/p>\n

<\/div>\n

Herein:<\/strong><\/p>\n