> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.dorik.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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](https://mymaps.google.com/).
- 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 ⬇️

1. Once you signed in to [My Maps](https://mymaps.google.com/), Click on **Create a new map**.


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-22_1bn1q1y.png)

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


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-23_mfg2nl.png)

3. Give your map a name & description and save it


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-24_1rryq42.png)

4. Add multiple locations under Add Layer


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/cm6-1_1dnfrf9.gif)

5. Click on Share


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-25_19h5vaj.png)

6. Enable this toggle &  close it

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-26_y5yrp0.png)

7. Copy the Embed Code


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/cm7-1_168u5r7.gif)

---

## 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 ⬇️

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

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-08-27-at-12_1j6o58h.gif)


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


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-27_1v4u81e.png)


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


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_guiyel.png)


4. Voila! Here is your Google Map with multiple markers


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-29_1fym60z.png)

---


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



${youtube}[Embedding a Google Map with multiple markers](ciY1zB9wOUA)

---

# Related Articles


[Custom Code Element](/en/article/custom-code-element-1igm3qa/)

[Add Custom Code](/en/article/add-custom-code-19siwk8/)

[Save, Preview, and Publish](/en/article/save-preview-and-publish-itz553/)