GoDaddy Website Builder Tutorial

How to Embed a Association Directory Map on GoDaddy Website Builder

Adding clustered member locations and filterable networks to your GoDaddy Website Builder site doesn't require a developer. Follow these 3 simple steps to launch your map today.

Create Your Association Directory Map

Your Association Directory Map template will be selected automatically.

Create your Association Directory Map

Start on the create-widget page. The Association Directory Map template is preselected for you. Give the widget a name, open the builder, add your locations, and adjust the map design and interactive features while watching the live preview.

Build the widget first, then return here to embed it.

You can explore the builder before creating an account.

Open the Association Directory Map Builder

Copy the Embed Code

Once your map is ready, click the Publish button in the top right corner. MapWeave generates three ways to share your widget. For GoDaddy Website Builder, we highly recommend using the iFrame Embed method.

JavaScript Snippet

Best for modern builders and automatic mobile responsiveness.

<div id="mapweave-association-directory" data-client-id="YOUR_WIDGET_ID" style="width: 100%; height: 1000px; border-radius: 12px; overflow: hidden;"></div>
<script src="https://www.getmapwidget.com/widgets/embed-injector.js" async defer></script>
API key note: Standard hosted widgets do not require your own Google Maps API key. Advanced/self-hosted modes may require your own key in your MapWeave configuration settings.
Recommended for GoDaddy Website Builder

iFrame Embed

Best for strict CMS platforms that block external JavaScript.

<iframe src="https://www.getmapwidget.com/embed/YOUR_WIDGET_ID" width="100%" height="1000px" frameborder="0" allow="geolocation" style="border: none; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);"></iframe>

Direct URL Link

Best for sharing in emails, social media, or hyperlink buttons.

https://www.getmapwidget.com/embed/YOUR_WIDGET_ID

Paste into GoDaddy Website Builder

For GoDaddy Website Builder users:
In GoDaddy Website Builder, add an HTML section, paste the MapWeave iframe code, set the section height, and publish your site.

Save and publish your GoDaddy Website Builder page. Your interactive map is now live!

Related MapWeave resources

Association Directory Map demo Association Directory Map use case Interactive map widget pricing

Ready to upgrade your GoDaddy Website Builder site?

Start with the correct widget template, customize it in the live builder, then copy the embed code into GoDaddy Website Builder.

Create Your Association Directory Map