Step-by-Step Instructions to Embed Your Map in Webflow
You can easily embed your interactive maps in your Webflow website. Follow those simple steps.
Get the map embed code
- Open the “Share” menu.
- Click on “Embed in a web page.”
- Copy the embed code.
Review the related embed settings to optimize your map for your specific needs.

Embed your map in Webflow
You can embed the map anywhere on your page, or in a rich text element.
- Use quick find (CMD/CTRL+E) and type embed or
- Drag an embed element from the Add panel.
Set the map embed dimensions
The map embed takes the full width of its parent element. You can adjust the width and the height using height=”100%” width=”100%” in the embed code.
We recommend expanding the embed area to your full website width and set the height to at least 650px in order to provide the best user experience.
Learn More
Check the WebFlow custom code knowledgebase to learn more about embedding your map in your Webflow website,
For more options and information on the Mapme embed, make sure you review our embed guide.