How to Add a Google Map to Generated Pages (in bulk)

MPG WordPress plugin is a mass page generator that enables unlimited pages to be generated in bulk. And you can make these pages as unique and dynamic as you’d like, with images, videos, and maps!

Embedding a Google map to your location pages not only enhances the customer experience of your visitors but also helps you improve the Local SEO for your website. 

Watch below this short video showing how easy MPG makes for adding a Google Map to thousands of pages: 

Here’s the step-by-step of how you can add a Google map to your generated pages:

Step 1. Generate a Google Maps API Key

Go to Google Developers website and click on the ‘Go to the Credentials page’ button: 

Then select an existing project or click on ‘Create a New Project’ at the upper right-hand corner. Name your project and then click on ‘Create’. 

Next, click on the ‘Create Credentials’ tab and select “API Key” from the dropdown menu. Copy the generated Google Maps API Key code using the ‘Copy’ button.  

Note: We strongly recommend you define API Restrictions parameters to ensure security and that only authorized requests are made with it.  

Step 2. Add API Key Code Snippet to Your Page

Go to your WordPress page and click on the ‘Edit’ tab from the top bar. Then select the ‘Add a code snippet’ from the menu. 

Note: MPG works with any WordPress page builder. In the example shown, Divi is being used.

Next, go to the JS Fiddle edit page and paste the Google Maps API Key in the code snippet as indicated below:

Note: make sure the latitude and longitude shortcodes are the same as the source file for each location:

You can then customize the zoom parameter for your map, besides the map container itself, defining its style.

Step 3. Copy New Code Snippet to the Page

Copy and paste the code snippet created back to your template page and click on the ‘Save’ button:

That’s it! Preview your MPG generated pages to see how each embedded Google map looks like. You can always go back to the code snippet and edit its settings if needed.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us