Your map in Webnode does not work?

Sometimes, when you type an address, the system can not find a specific address, so the map does not work in the published version of the site. 

In this tutorial i will show u two solutions to fix the problem. So follow these instructions, and set up Google map very easy…

.

 

1. Insert map as HTML code

2. How to get GPS coordinates and use it in Webnode editor

Lets do it 🙂

1# Insert map using HTML (recommended)

1. On Google Maps we will find a specific address and click on the “Share” button.

 

2. Click on “Insert map” and copy HTML code.

 

3. Insert the HTML code into Webnode page using the “+” and “HTML” function.

Well done. Your map is now showing in published version of the website.

 

 

2# Insert a map using GPS coordinates

 

1. On Google Maps we’ll find a specific address and click on the map pins

 

and click a “What is here?“.

 

 

2. We copy GPS coordinates.

 

 

3. In the Webnode editor, click “+” – “Map” – and use GPS coordinates. In the end just press Enter.

 

 

 

 

Done 🙂

Example of Google Map:

 

 

TIP: Put online chat on the web for faster communication with visitors to your site. I recommend a service that is free – read more in tutorial for Smartsupp

More awesome tutorials

How to add a playlist or album from Spotify to the Webnode website?

How to add a playlist or album from Spotify to the Webnode website?

In the tutorial "3 easy ways to embed an online MP3 player on the web", I showed you very simple way to embed a music player on your Webnode website. Let's take a look at your other options together.Do you LIKE Spotify?Simply embed your Spotify playlist / album to...

How to rename “Add to cart” button in Webnode e-shop?

How to rename “Add to cart” button in Webnode e-shop?

Would you like to rename the "Add to cart" button in Webnode?In tutorial "How to rename" CART in the menu in the WEBNODE e-shop?" i showed u how to rename CART in the menu. Let's take a look at your other options. Webnode for e-shops is a great choice for your online...

How to set up your own font in Webnode using Google Fonts library?

How to set up your own font in Webnode using Google Fonts library?

VideotutorialWould you like to change the font in Webnode to one of the Google Fonts?   Few words at the beginningWebnode enables you to change the font on your website under section: “Settings” – “Design” – “Fonts”. Of course, Webnode editor offers the most used...

How to add social icons into footer in Webnode CMS?

How to add social icons into footer in Webnode CMS?

Would you like to add social icons like Facebook, Instagram, YouTube etc. to the FOOTER of your WEBNODE website?Social networks like Facebook or Instagram are popular topics on my website. I wrote these tutorials:   How do I easily link my Facebook to my website...

How to add a searchbox in Webnode website or e-shop?

How to add a searchbox in Webnode website or e-shop?

Would you like a searchbox (searchbar) on your e-shop/website from WEBNODE?Are you looking for a simple and stylish search box that you can put on your website or e-shop in Webnode?Video-tutorialVideotutorial is only in Slovak language.In tutorial How to add a custom...

How to rename “Cart” in the menu in WEBNODE e-shop?

How to rename “Cart” in the menu in WEBNODE e-shop?

Would you like to rename the cart in the e-shop in Webnode from "CART" to "My Cart"?   With my simple tutorial, you will definitely be able to do it. Just subscribe to my newsletter - William Promotions News - and get the pre-prepared code. In the code, you can...

How to add FAQ bookmarks to your website/e-shop in Webnode?

How to add FAQ bookmarks to your website/e-shop in Webnode?

Would you like to add a FAQ bookmarks to the WEBNODE website or e-shop?In tutorial How to show and hide text after clicking the "More text" button? I showed you an easy way to hide text on the web. In this tutorial, I will show you how to use my code to create your...

Do you like this tutorial? Share it, please 🙂

Follow me