---
title: "How to generate Elementor Google Maps Widget API Key?"
url: https://theplusaddons.com/docs/generate-elementor-google-maps-api-key/
date: 2023-02-04
modified: 2026-04-12
author: "Aditya Sharma"
description: "To use The Plus Addons for Elementor Google Map widget, you must have a Google Maps API key. So let’s see how you can generate a Google Maps API key...."
image: https://theplusaddons.com/wp-content/uploads/2020/10/How-to-generate-Elementor-Google-Maps-Widget-API-Key_-1024x536.jpg
word_count: 499
---

# How to generate Elementor Google Maps Widget API Key?

## Key Takeaways

- The Plus Addons for Elementor requires a Google Maps API key to use its Google Map widget.
- Users must create a new project and set up billing information to obtain a Google Maps API key.
- The Plus Addons for Elementor allows users to restrict their Google Maps API key usage to the Maps Embed API.

To use The Plus Addons for Elementor Google Map widget, you must have a Google Maps API key.

So let’s see how you can generate a Google Maps API key.

To create a **Google Maps API key** [click here](https://developers.google.com/maps/documentation/embed/get-api-key#create-api-keys).

From there, click on the **Go to the Credentials page** button.

*To check the complete feature overview documentation of The Plus Addons for Elementor Google Map widget, [click here](/docs/google-maps-elementor-widget-settings-overview/).*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-google-maps/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Create a New Project

From the Credentials page, you have to create a new project.

![google map api step 1](https://theplusaddons.com/wp-content/uploads/2023/02/google-map-api1-1024x506.png)

- Add a Project name.

- Enter your location and click on the **Create** button.

## Set up Billing

Once the project is created, you have to set up billing information for your project on the next page.

![google map api step 2](https://theplusaddons.com/wp-content/uploads/2023/02/google-map-api2-1024x647.png)

**Step 1**

- Choose your country.

- Agree to the Terms of Service and click on the **Continue** button.

![google map api step 3](https://theplusaddons.com/wp-content/uploads/2023/02/google-map-api3-1024x472.png)

**Step 2: Create a new billing account**

- Choose a name for your billing account.

- Verify the details and click on the **Continue** button.

On the next page, add your billing information.

![google map api step 4](https://theplusaddons.com/wp-content/uploads/2023/02/google-map-api4-1024x795.png)

- Choose your Account Type.

- Fill in your Tax information.

- Add your personal details.

- Add a payment method (For example Credit Card). Click on the **Submit and Enable Billing** button.

![google map api step 5](https://theplusaddons.com/wp-content/uploads/2023/02/google-map-api5-1024x506.png)

On the next page, choose your project's billing account and click on the **Set Account** button.

Then Google Maps will ask a few questions related to your project, like your industry, the platform you are building the project for etc. fill in the answers accordingly and click on the **Submit** button.

![google map api step 6](https://theplusaddons.com/wp-content/uploads/2023/02/google-map-api8-1024x506.png)

On the next page, you will get your Google Maps API Key, copy the API and click on the **Go to Google Maps Platform** button.

Now you have your API key but as per [Google Maps recommendation](https://developers.google.com/maps/documentation/embed/get-api-key#restrict_key) you need to restrict the usage of your API key by limiting its use to the required APIs for your application.

## Protect your API (adding Maps Embed API)

Now on the next page, Google Maps will automatically ask you to protect your API key.

![google map api step 7](https://theplusaddons.com/wp-content/uploads/2023/02/google-map-api9-1024x506.png)

- Select restriction type as **API restriction**.

- And from the Limit usage dropdown, select **Maps Embed API** and click on the **Restrict Key** button.

Now the usage of your API key has been restricted. To check the list of enabled APIs for your project, click on the **APIs** from the left panel and it will display all the enabled APIs.

![google map api step 8](https://theplusaddons.com/wp-content/uploads/2023/02/google-map-api12-1024x503.png)

Now you can use your newly created Google Maps API Key with The Plus Addons for Elementor Google Map widget.

To do this, go to

- **The Plus Addons **→** Extra Options **→ **Settings**

- Scroll down and go to the Google Map API section and enable it**.**

- Then, Click on the setting Icon then you'll see the **Google Map API** section, put the Key in the **Map API Key** section, and then click on **Save**.

![](https://theplusaddons.com/wp-content/uploads/2023/02/google-maps-extra-options-api-key-1-1024x432.gif)

Also, check out [How to Remove Elementor Google Maps API Error browser console](https://theplusaddons.com/docs/remove-elementor-google-maps-api-error/).

## Frequently Asked Questions

**Q: How to get Google Maps API key free without billing?**
A: Google requires billing information to generate a Google Maps API key, even for free usage. After creating a new project and entering your billing details, you can obtain your API key. This is a standard practice to prevent abuse of the API. If you don't set up billing, you won't be able to generate the key necessary for The Plus Addons for Elementor Google Map widget.

**Q: What should I do if I encounter an error while generating the API key?**
A: If you face issues while generating the API key, ensure that all required fields are filled out correctly, especially your billing information. A common mistake is not agreeing to the Terms of Service. Additionally, check if your project is properly created and that you are following the steps in the tutorial. For further troubleshooting, refer to the guide on [removing Elementor Google Maps API errors](https://theplusaddons.com/docs/remove-elementor-google-maps-api-error/).

**Q: Can I use the Google Maps API key with other page builders?**
A: The Google Maps API key generated is specifically for use with The Plus Addons for Elementor. It does not work with other page builders like Gutenberg, Beaver Builder, or Divi. This is important to note if you're considering using the API key across different platforms, as compatibility is limited to Elementor.

**Q: What is the best practice for protecting my Google Maps API key?**
A: To protect your Google Maps API key, you should restrict its usage to the Maps Embed API. During the setup process, select API restriction and limit usage accordingly. This prevents unauthorized use of your key and helps manage your API quota effectively. Always review the enabled APIs in your project to ensure that only the necessary ones are active.