Create a Google Maps API Key

Your WordPress website may contain a Google Map, and it’s not uncommon to see a map with the error “This Page can’t load Google maps correctly”. There can be many reasons for this, but the most likely reason is that you do not have a Google API key installed with the relevant API permissions set.

The short guide gives you the basic method for acquiring an API key. The method for setting this will depend on how your website is configured. We also include instructions for installing the API key on a Divi Website.

Navigate to the Google API Console and Create a project

  • Navigate to console.cloud.google.com/
  • Login with your Google account
  • Select "New Project"
  • Fill in the New Project Form

  • Give the project a memorable name
  • Select a billing profile to determine how API usage will be paid for - you will need to set this up in your Google Account. Google Maps pricing can be found here and includes 28500 map loads free of charge.
  • Select an Organization or accept the defaults
  • Note: You must have Billing enabled for the project.

    Enter APIs Selection Screen

  • Make sure your project is selected in the Project selector
  • Click "+" next to "Enable APIs and Services
  • Select "Maps Javascript API"

    Select "Enable"

    Create "Credentials"

  • Select "Credentials"
  • Click "Create Credentials"
  • Select "API Key"
  • Copy API Key and Install on Website

    Installation of API key will depend on you Website. many WordPress themes include a space within the theme options for the Google API Key.

    Bonus - Installing Google API Key on Divi Theme

  • Login to your WordPress Dashboard
  • Navigate to Divi > Theme Options
  • Copy API Key into "Google APi Key" Field
  • Don't forget to Save!
  • How to: How to Login to your WordPress Website
  • Article published 20th January 2022
    Last modified 20th January 2022

     124 total views