Google Maps Element

The Google Map Plugin is a great way to display the location of your business or event within your website.

Tip: Adding a Google Map widget on your Contact Us page is a user friendly way to enable customers to easily locate your business, head office or event.


Adding a Map to your page

  1. Make sure you are on the page you wish to add the map to.
  2. Click on the ‘+Add Element’ Icon on the Page's Header Bar.
  3. Drag and Drop the Map icon onto the area of the page that you want it to appear in.
  4. Click on the Settings Icon.
  5. Enter the address of your location
  6. Click on the settings tab to edit Map functions and views.
  7. Apply

You have now added a map onto your page.


Note: The map pointer in your Maps works off Google's Map database. It is not always accurate based on your address. Coordinates override gives you the ability to more accurately pinpoint your location. Click here for a tool to find your coordinates.


Deleting a Map from a page

  1. Make sure you are on the page you wish to delete the map from.
  2. Hover your cursor on top of the map.
  3. Select the X icon to delete the map from your page.

You have now deleted the map off your page.


Reviews Snippet

The Reviews Snippet function is for displaying Google Reviews for your business. This will pull Google Reviews in automatically as long as the correct setup has been put in place as described below.

Once setup, it will display your companies Google My Business customer reviews. It will also require:

  1. That the business name entered into the map matches Google My Business exactly
  2. That the address entered into the map matches Google My Business exactly

Find out how to setup Google My Business here.


Maps API Key

A Google Maps API key can be inserted via settings: Administration > Settings > API Credentials

Maps API Key

How to generate the API key

  1. Go to the Google Cloud Platform Console.
  2. From the Project drop-down menu, select or create the project for which you want to add an API key.
  3. From the Navigation menu, select APIs & Services > Credentials.
  4. On the Credentials page, click Create credentials > API key.
    The API key created dialog displays your newly created API key (an encrypted string).
  5. Click Close.
    The new API key is listed on the Credentials page under API keys.
    (Remember to restrict the API key before using it in production.)

More information can be found here.

Note: Using your own API key is a requirement for sites with high traffic to pages that contains maps.

Can't find the answer you are looking for?

Try using different keywords: