Do you want to add a map with your own points in Webnode?
Create free own map with Google My Maps.
In How To Set Up Google Map Properly in Webnode? I showed you how to insert a map from a classic Google My Maps service.
In this tutorial, I will show you how to create a custom map with an unlimited number of points (addresses) using Google My Maps.
The service is free and I definitely recommend it.
Preview a created map using Google My Maps.
How to create a custom map with Google My Maps
1. Register: http://mymaps.google.com .
*Or create new Google account here.
2. Click “Create new map” in the top left corner.
3. Look (search) for specific addresses and add them to your map 🙂
4. You can edit Title, Description, Color, and type of icon (pin on map)
5. If you have successfully added all the addresses and want to share the map publicly (eg on the Webnode site), click on “Share“.
6. At the “Who has access” box, click “Change”.
and check “On – Public on the web” and save.
7. You can now embed the map you create using the HTML (iframe). At the top, click on three dots and choose “Paste on my site“.
At the top, click on three dots and select “Paste on my site“
and copy the necessary HTML code
8. Insert the map code into your Webnode website using the “+” and “HTML” functions. * Enter the code where you want to view the map.
9. Publish changes.
Done 🙂 Your map is displayed in the published version of your site.
TIP: Put reservation system on the web for online booking in Webnode. Read more in the tutorial: How to add an online reservation system to Webnode? It’s Free!
How to easily set an automatic redirection on your Webnode website?
Looking for a way to automatically redirect your website visitor to another website? (URL address) Follow these steps: 1. Edit and copy the HTML code below. In the code, edit the URL value. In place of the URL, enter the URL address (website) to which you want...
How to add a countdown timer in Webnode?
Countdown time in the WebnodeDo you need to add countdown timer HTML code to your website? Are you planning a wedding, party or opening a new restaurant and want to keep everyone on edge? No problem.1. Use the script to count down the time:xxx xxx On line no. 1 you...
How to avoid copying (stealing) from your website?
Do you want to avoid copying content from your website? This HTML code will allow your site to block the right click of the mouse on your site to prevent text copying. The keyboard shortcut (ctrl + c + ctrl + v) does not limit this, but it could discourage any...
How to connect Google Calendar to my website in Webnode?
Google Calendar - great help with organizing your time Google Calendar is a web application for organizing your time. In this tutorial, we'll learn how to insert Google Calendar into a Webnode website. 1. The first step is to create an account with Google - here 2. ...
How to change the email in a Webnode contact form?
Do you need to change the email in the contact form in Webnode? The email in the Webnode contact form is pre-set to the email you use to log in to Webnode. If you want to change the email in the contact form, follow these instructions: 1. Login to the...
How do I easily link my Facebook to my website in Webnode?
Do you need to insert a widget for linking a Facebook site to a website? In tutorial How to add a social network icons (FB and Instagram) to the top of the Webnode website? I have shown an elegant solution for linking soc. networks with your website. Let's now...
Sharing is caring 🙂 Please share this awesome tutorial
- How to link your Instagram with website in Webnode? - 29.4.2024
- How to add notification pop-up widget in Webnode? FREE! - 21.11.2023
- How to add Google Reviews in Webnode? - 5.11.2023
