Contact Info Widget

The Contact Info Widget allows you to display your location, hours, contact information, and an optional map view.

This is how it looks when the Contact Info Widget is activated on a blog sidebar:

Once you add the widget to your sidebar, you’ll see the following settings:

Title – Set the title to be shown at the top of the widget above the contact information. (i.e., Hours & Info, Contact Us, Stop by our Office)
Address – Enter your full address so Google Maps can find it. If you’d like a map displayed in the widget, follow the instructions here.
Phone – Set the phone number you want it to display to your visitors.
Hours – Enter any text in this box. (HTML will be removed.)

Required: A Google Maps API Key

You’ll need an API key to use Google Maps with your Contact Info Widget. Follow these steps to set up your own Google Maps API key:

Follow the instructions on this page.
Enable the Maps Embed API for your key:
- Go to the API library
- Search for “Maps Embed API” and select it.
- Once the description for the API is loaded, click “Enable” at the top of the page.
It’s best to restrict access to your API key to your site only. To do so, follow these instructions:
- Open this link.
- Make sure the correct project is selected in the top left corner of the page.
- Click “Credentials” in the left menu.
- Select the edit icon for the API key you’re using for the widget.
- Follow the instructions provided on the page to restrict your API key to your site. Your website restriction should have the format *.example.com/*, where you replace “example.com” with your domain.
Once you’ve created your key, copy it, and paste it into your Widget settings in your WordPress dashboard.

Display a map in the Contact Info Widget

To display a map in the Contact Info Widget, start by enabling the “Show Map” checkbox. When you do so, a new field will appear, where you’ll be able to enter a Google Maps API key.

Troubleshooting

If you’re having trouble with the map showing the correct location, be sure to enter your full address with no extra spaces, line breaks, and commas in the correct positions. You can also enter your address at Google Maps and see what the address corrects to, then enter that instead.

Google Maps Platform rejected your request. This API project is not authorized to use this API.

This means that the Maps Embed API has not been enabled for your API key. Follow these steps to enable the API:

Open this link.
Make sure the correct project is selected in the top left corner of the page.
Click on “Enable APIs and Services” at the top of the page.
Search for “Maps Embed API” and select it.
Once the description for the API is loaded, click “Enable” at the top of the page.

If the Maps Embed API is enabled and the error message above still displays, check the key’s API restrictions using the following steps:

Open this link.
Make sure the correct project is selected in the top left corner of the page.
Click on “Credentials” in the left menu.
Click the edit icon for the API key you’re using for this widget.
Check the API restrictions. If the “Restrict key” is selected, ensure that “Maps Embed API” is checked.

Google Maps Platform rejected your request. This IP, site, or mobile application is not authorized to use this API key.

This means that the restrictions for your API key are not set properly. Follow these steps to check the key restrictions:

Open this link.
Make sure the correct project is selected in the top left corner of the page.
Click on “Credentials” in the left menu.
Click the edit icon for the API key you’re using for this widget.
Check that all of the Application restrictions are correct. The website restriction should have the format *.example.com/*, where you replace “example.com” with your domain.

Sorry. We can not plot this address. A map will not be displayed. Is the address formatted correctly?

A few steps are needed to address this notice:

The API key must be removed from the widget and saved. You’ll see an error message about API where the map should be now.
The restrictions need to be removed from the key in the Google API Console and set to “none,” and saved.
Billing needs to be enabled with Google.
Then add the API key back into the widget and save.
Once the widget is working, go back and enter restrictions as follows *.example.com/* just as they provide in their example where you replace “example.com” with your domain.