CAEN Knowledge Base
Contact Support

How do I embed a Google Map into a page in WordPress?

Embedding a Standard Google Map

  1. Go to Google Maps and type in the address of the location you wish to display.
  2. Click on the Search button.
  3. When the map appears, click on the Gear button located in the bottom right hand corner and select the Share and embed map option:

  1. Click on the Embed map tab and copy the code in the box. You can use the drop-down menu to change the size of the map which will update the code in the box:

  1. When you have copied the code, login to your WordPress site and click on Pages and then Add New to add a new page or All Pages to open an existing page.
  2. Go to the Text Editor and and paste the code. Now you can choose to click on the Save Draft, Update, or Publish button.
For more information, refer to the main Google Maps Help page.

Embedding a Custom Google Map

  1. Go to Google Maps Engine and select Create a new map or Open a map if you've already created one:

  1. After your map is loaded, click Share in the upper right hand corner.
  2. A Sharing Settings window will appear where you can select who can see your map. Make sure "Public on the web" is chosen. If another setting is chosen, click Change and select "Public on the web" and click Save.

  1. Once you have closed out of the Sharing window, click the folder icon and select the "Embed on my site" option from the drop-down menu. An "Embed this map" window will appear with HTML code for your map. Copy this code.

  1. Login to your WordPress website, then go to Pages and select Add New to add a new page or All Pages to edit an existing one.
  2. Select the Text tab to open the Text Editor and paste the code. Then click Save Draft, Update, or Publish.
For more information, refer to the Google Maps Engine Help page.