Help Centre

Support > Designing and Building Your Website > Adding Your Content

How To Add Google Maps To Your Website

Jump to section:

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

Pinpointing Brighton Pavilion in Google Maps

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

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

Embed options for a pinned location in Google Maps

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

  2. 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

The Maps Block Filter in Create with different Map layouts

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

The Map Settings option in Create

  1. Enter the location you wish the map to show

Pinpointing a map location in Create

  1. Click Done then and then save your changes

 

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

Google map with multiple locations pinpointed

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

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

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

Embed options for a map pinpointed with multiple locations

  1. 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

  1. Republish your website

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

 A map with multiple locations embedded on a website

More Questions?

If you have any further questions, please get in touch and we will be happy to help.

Get in Touch