• Nan Zhou

How to create a webflow map for your website

No Code Map App custom maps can be embedded onto any website regardless the platform you used to create the website.

The general principle is via an embed code which we will create for you when you click on the "Publish" button.

Once you have "copied" the embed link. Then go to your webflow account to embed your custom map.

Below are step-by-step guide from Webflow on how to embed a custom code.

To add embed code directly into your Webflow design

  1. Copy the embeddable code

  2. Press A to open the Add elements panel

  3. Add an embed element from the components section

  4. Paste in the custom code you copied in step 1

  5. Save and close the modal

To add embed code in a rich text element

  1. Place your cursor where you want to add custom code

  2. Click the "+" sign to open the insert menu and click the custom code button

  3. Add your embed code

To edit the code in the Embed element, you can either

  • Double-click the element

  • Select the element and press enter

  • Click Open code editor in the Settings panel under Embed settings

Here is a full tutorial by Webflow showing you how to embed a map. :)

I will be doing individual post on other major website builders too!


65 views0 comments