How-to: Create Google Maps API key

IMPORTANT: Update Google Maps API Key

On July 16, 2018 the Google Maps API will change. You need to enter your credit card details to create a new Google Maps API key. Google provide a $200 free usage a month (≈ 28.500 map connections) and if you use more they will start billing you. Unfortunately these changes are made by Google and this is out of our control. Here you can read more about this change.

If you want to keep using Google Maps on your website, but you don't want to enter your credit card details please remove the "QT: Google Maps" widget from the page builder and remove your API key.

Then follow these steps and add the copied HTML code in a "Custom HTML" widget to the page builder. This is the most basic way of adding a Google Map to your website and will be free for usage.

1.  Please create your Maps API key via this link. And click the Continue button (this could take a minute).

2. Enter a name for your key, click "HTTP Referrers", add the URL of your website and click the 'Create' button 

Please use the examples below to add your website. Replace yourdomain.com with your domain name. Each in a new input field.


3. Copy the API key you see in the modal.

4. Navigate to the API Manager and click the 'Google Maps JavaScript API' link (see above image). 

5. Make sure you click the 'Enable' button. If you only see 'Disable' you can leave the page

For the Physio WordPress theme please enable the "Geolocation" and "Geocoding" API's too. These API's are required to use the maps widget.

Add the API key to your website

The Landscaper

Navigate to Appearance -> Customize -> Theme Options -> Custom and add the API key to the "Google Maps API" input field


Edit the "SiteOrigin Google Maps" widget and add your API key to the "API Key" input field