Help Centre

Jump to section:

• Add a Google Map to Your Website (Not built with Create)

• Add a Google Map to Create Content Pages

• Add a Google Map to Text Edit Sections of Create 

• Add a Google Map Featuring Multiple Locations 

A website isn’t just useful for getting sales and enquiries online; you can also use it to encourage footfall to a physical location. To do this visually and effectively, you’ll need to add a map to your website. 

Google is the ideal way to do this and offers convenient tools to allow you to do so. If you’re building your website on Create, we’ve already built this functionality into our Content Builder for you.

Whether you want to include your location on your contact page, advertise event locations you're attending or for anything else, this guide will walk you through the process of setting up a map on your website.

Add a Google Map to Your Website

If you’re not using Create to build your website, you will need to use the HTML code Google provides and add this to your website. Your website host should be able to provide instructions on how to do so or you will need to contact your developer. Here are the steps you need to find your map HTML code:

1. Go to Google Maps
   

2. Enter the address of the location you would like to pin in the top-left search bar
   
   

3. Click the Share Icon in the left-hand menu

4. Select the Embed a Map tab in the pop-up window
   
   

5. Click Copy HTML to add the code you need to your clipboard

6. You will need to add this code to your webpage using your website host’s instructions or email the code to your developer.

Add a Google Map to Your Create Website

If you’ve built your website with Create, there’s no need to add any additional code to your site manually; there are already Content Blocks available to make this incredibly easy for you to do. To add a Google Map to your Create website, you can follow these steps:

1. Log into your Create account
   

2. Click Content in the top menu

3. Click Edit This Page (the pencil icon) next to the page you are going to add the map to

4. Click the +Add Block button

5. In the Block Filter menu, click the Map filter

6. Select one of the Map Block options
   
   

7. When you hover over the map you will see the Map Settings option - click on this
   
   

8. Enter the location you wish the map to show
   
   

9. Click Done then and then save your changes

Adding Google Maps To Create's Text Edit Sections

If you wish to add a Google Map to a section of your website outside of Content pages and into the Text Edit areas, such as a Shop Product Description or the Custom Footer of your website, then you can use the Google Map Integration we offer.

1. Log in to your Create account

2. Select Content on the top menu

3. Click Integrations & HTML > Integration Library from the left-hand menu. 

4. Select Google Map and click the Add Integration button

5. In the Description box, enter a clear title for your Integration. This is just for you reference and will not appear on your site

6. Enter the address location you want shown on the map, into the Address field

7. Click the Add Integration button
   
   
   

Now you have the Google Map Integration set up, you can add it to one of the Text Edit sections of your website, such as the Custom Footer or Product Long Description in the Shop.

Using the Custom Footer as an example, in the Text Edit toolbar, click the Integrations button, the lightning bolt icon. A pop-up will display. Click the drop-down Integrations menu and select the name of the video integration you added and click Insert.

A placeholder for the Google Map Integration will be added. Click Save Changes to complete.

When you next Publish, the Google Map will be displayed where the Integration placeholder is added.

Add a Google Map Featuring Multiple Pins to Your Website

Want to add a map to your website but need to feature more than one pinned location? Whether that’s your store locations, events you regularly attend, other businesses you want to promote in your network or more. It’s possible to do so, the process is just slightly different:

1. Go to Google Maps
   

2. Create a map with multiple pinned locations
   
   

3. Make sure your map is public on Google Maps. You can do this by clicking Share beneath the map name

4. Under Who has access, click Change, turn on the setting for Public on the web and Save

5. Next, click the menu icon and click on the link Embed on my site
   
   

6. The code will then pop up in a new window. You will need to add this code to your webpage using your website host’s instructions or email the code to your developer. If you’re on Create, simply paste the code into an HTML fragment and then place this on your chosen page

7. Republish your website
   
   

You will now have a map with more than one location on your website.