In order to use the Google Maps Widget, you must first create an API key. You also need a project with a billing account and the Maps Embed API enabled. Once completed, navigate to Elementor > Settings > Integrations and enter the key. To learn more, see this article in Google Set up Cloud Console.
Table Of Contents
Start A New ProjectBilling InformationBilling Step OneBilling Step TwoReturn To DashboardCreating CredentialsAdding ApplicationsAdding Maps Embed APIAdd Your API Key to Elementor
Start a new Project
From the Google Cloud Platform, create a New Project
Name your project using a unique name (note: this cannot be changed later)Fill out your Organization nameEnter the Location of your project
Billing Information
We will now need to set up billing information for your project. You may do this from the Left Panel > Billing
Billing Step One
Select a Country that applies to your projectAgree to Terms of ServiceClick Continue
Billing Step Two
Select an Account typeEnter a Business NameSelect a Payment methodEnter your Payment information as chosen above (example: credit card)Click the Start My Free Trial button
Return To Dashboard
Your billing information is now complete for this project.
Creating Credentials
From the APIs and Services > Credentials Tab, click the + Create Credentials link and select API keyYou will now get an API key. For your protection, it is best to restrict this key from being used elsewhere
Adding Applications
We can now associate applications to be used with your key. From the APIs and Services dashboard click library
Adding Maps Embed API
In the search box type in Maps. You will need the Maps Embed API for the Elementor Widget. Select this in the list belowClick the Enable Maps JavaScript API ButtonThis will now show in your list of available APIs and start collecting data
Add Your API Key to Elementor
You may now navigate to Elementor > Settings > Integrations and place the key in order to use the Maps Widget.