How to add a beautiful map to your website or Wordpress

Jan 17, 2020

You're writing about traveling or places you've enjoyed? Your audience might want to see those places on a map to better plan their trip to visit them.

Doko Maps provide you a simple solution to add the map to your website. It's very easy. On your profile go to the "My list" section and select the list you would like to add to your website and follow the steps below.

Doko Maps is an application to create ๐ŸŽจ, organize ๐Ÿ—‚๏ธ and share your favorite places ๐Ÿ’–๐Ÿ’‹ on map!

Get the code </>

Go to "My lists" view on Doko Maps, click Edit on the chosen list and then the Share button.

Next, a window opens with different sharing options. In the "Embed on a website" section, click the Copy button.

1. Your website code

Just past it in the html file, the code you copied earlier, where you want the map to appear.

2. Wordpress website

Go to the article you're editing and click the + button to add a block. Then search for custom HTML block.

Once you clicked it, paste the code you copied earlier in the field.

Once done, you can save your article and check it out. You'll see your map on your website like this:

3. Wordpress website using Elementor

Once you copied the iframe code of your list, go to your Elementor editor for the page you want to embed the list in and in the Elementor widget, search for "HTML code"

Once you dragged and dropped the widget in your page layout. Just paste the HTML code you previously copied inside of the editor on the left and you should directly see your list appear in the preview page.

Save you page and it's done!

Voila!


Are you a blogger, traveler, travel magazine, journal ๐Ÿ—ž๏ธ and would like to use Doko Maps on your website? Just go to Doko Maps or get in touch

Jules Dourlens

An explorer working on Doko Maps to help travelers organize and share their traveling experience.