How to Embed Map Widget in GoDaddy Website Builder

Table of contents

Introduction

Interactive maps not only boost user engagement but also improve site navigation. With Fla-shop Embedded Maps, you can easily add a dynamic map widget to your GoDaddy site—no advanced coding required. This guide explains how to customize your map, publish it from your Dashboard, and seamlessly integrate it into your website.

Step 1: Customize Your Map

Begin by creating a new US map in the editor. On the Colors tab, select your desired colors and click on states to fill them.

Next, switch to the Links & Tooltips tab to add distributor information for each state. By default, this information appears in tooltips; later, you can switch it to display in a sidebar.

Save your map and go to your Dashboard.

Step 2: Publish Your Map

In your Dashboard, open your map’s settings by clicking the three-dot button, then select the gear icon.

Choose the Side panel mode so that distributor information appears on the right side of the map after a state is clicked.

Finally, click Publish to generate your unique embed code.

Step 3: Embed Your Map in GoDaddy Website Builder

Log in to your GoDaddy Website Builder (or GoDaddy Airo) account and open the page editor. Add an HTML section where you want the map to appear, then paste the embed code you copied from your Dashboard.

Save and publish your changes to see your interactive map widget live on your site.

Troubleshooting

If GoDaddy has trouble automatically determining the correct height for the map block, set the block height manually in the element's settings. This ensures your map displays correctly without unwanted scroll bars or spacing issues.

Conclusion

Fla-shop Embedded Maps makes it simple to add a robust, interactive map widget to your GoDaddy website. Follow these steps to customize, publish, and embed your map, and enjoy the enhanced functionality that interactive maps bring to your site.