Webflow Installation | Documentation

Webflow is a no-code website builder that allows you to build custom professional websites. It is easy to customize a map with SimpleMaps and easily add it to your Webflow website.

1. First, choose the map you want to install
   HTML5 World Map HTML5 US Map HTML5 Canada Map HTML5 North America Map HTML5 County Map HTML5 Congress Map HTML5 State Map HTML5 Custom Map HTML5 Europe Map HTML5 UK Map HTML5 Australia Map HTML5 Country Map

2. Customize your map using our online customization tool.

3. Host your map files on SimpleMaps.com (detailed instructions). Note: You could also self-host the map files by uploading the mapdata.js and worldmap.js files to your server over FTP. However, it is simpler to use our hosting.

4. Copy the embedding code from the online customization tool. It should look something like this:

   <script src="https://hosting.simplemaps.com/users/RANDOM_ID/mapdata.js"></script>
   <script src="https://hosting.simplemaps.com/users/RANDOM_ID/worldmap.js"></script>
   <div id="map"></div>

5. Go to your Webflow Workspace and click “Open Designer”.
   

6. On the top left corner, click the “+” sign to add an element and go all the way down until you see the “Embed” option.
   

7. Paste the embedded code you copied from Step 6 and click “Save & Close”.
   

8. Lastly, click “Publish” and select the domain you want to use. To finish publishing the website, hit the “Publish to selected domains” button.
   

9. Visit your website to see if the changes were applied.

10. If you have trouble, or need help, please contact us.