Back to contents

JetElements: How to Create Google Maps API Key

useful information

From this tutorial you will learn how to embed Google Maps to the website page with the help of Advanced Map widget of JetElements plugin.

From this tutorial, you’ll learn what is an API key, for what reason there is a necessity to get it, and how to create your own Google Maps API key in order to have an opportunity to add Google Maps to your website. Find this outstanding feature within JetElements!

What is the API key?

API keys are the credentials that identify the project to which the application is making a call.

Google Maps API key is used to access Google Maps. Some applications or plugins using Google Maps require an individual token.

So if you need to use Google Maps on your site, you should go to the Google API Console and get your own key to embed a Google map.

Creating Google Map API key

Go to Google Maps Platform and click the “Get Started” button.

Google Maps page

If you previously haven’t created a billing account you will see this window. Click the “Create Billing Account” button.

Billing account creation

You will be redirected to Step 1 of 2 page of account registration. Choose your Google account, your Country and tick the Terms of Service checkbox. Afterward, hit the “Continue” button.

Creating billing account

The Step 2 of 2 page will be the billing page. Fill in all the required fields and don’t forget about the ZIP code.

Creating billing account

You will also have to put in your card or account data. Afterward, click the “Start My Free Trial” button. To check your card, you will be billed for 1 dollar but it is instantly given back after that.

Creating billing account

In the next window, tick the Maps checkbox and press the “Enable” button.

Picking maps

You will be asked to answer two more questions about your business, so Google Maps can serve you better. Choose the industry you are working in and the section you want to create, and click the “Next” button.

Additional questions

And here it is, your API key is generated. Copy it and click the “Done” button.

Googlemaps API key

Go to the APIs > Geocoding API menu tab.

Googlemaps API key

Click the “Enable” button and go to your website’s WP dashboard.

Googlemaps API key

Adding an API key to Advanced Map JetElements widget

Log in to WordPress Dashboard and here access Crocoblock > JetPlugins Settings > JetElements Settings. Open the Integrations tab and here you can see the Google Maps section, where you should paste the recently created API key in the corresponding field.

adding API key to dashboard

Congrats! From now you can embed Google maps at your site using JetElements plugin!