Articles on: Integrations

Embedding a Google Map with multiple markers

Getting Started



In this documentation, you will learn the process required to embed a Google Map with Multiple Markers into your site. Follow all the steps accordingly to know the details.


Embedding Google Maps with Multiple Markers



Including a Google Map with multiple markers on your website can really help you if your business is present in more than one location.

To learn how to embed a Google Map with Multiple Locations on your site, follow all the steps below accordingly —

Create a Map & Get the Embed Code



Follow all the steps below, to learn how to create a map & get the embed code —

- On your computer, sign in to My Maps.
- Click on `Create a new map.`
- Go to the top left and click `Untitled map.`
- Give your map a name and description.
- Add multiple locations under Add Layer
- Click on `Share`
- Enable this toggle & close it
- Copy the Embed Code

The Screenshots & GIFS below show the whole process being demonstrated visually ⬇️

Once you signed in to My Maps, Click on Create a new map.




Go to the top left and click "Untitled map."




Give your map a name & description and save it




Add multiple locations under Add Layer




Click on Share




Enable this toggle & close it



Copy the Embed Code





Embed the code into your site



Follow all the steps below, to

- In your website builder, add a Custom Code element where you want to embed the map
- Click on `Edit Element`
- Paste the embed code under the HTML field
- Press Save & Publish
- To see the result, visit your site by pressing the button right next to Publish

The Screenshots & GIFS below show the whole process being demonstrated visually ⬇️

In your website builder, add a Custom Code element where you want to Embed the Map




Click on Edit Element & paste the Embed Code under the HTML field





Press Save & Publish and visit your site by pressing the button right next to Publish button





Voila! Here is your Google Map with multiple markers






To know the whole process at one glance, refer to the video below ⬇️






Related Articles




Custom Code Element

Add Custom Code

Save, Preview, and Publish

Updated on: 27/08/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!