Categories

Featured templates

WordPress. How to insert Google map using shortcode

Daniel Morales June 1, 2014
Rating: 4.6/5. From 5 votes.
Please wait...

This tutorial will show you how to insert a Google map into your WordPress template using a shortcode.

WordPress. How to insert Google map using shortcode

1. Log into your admin panel and create a new page or post.

2. In the Visual mode click the ‘Insert ShortCode icon.

WordPress_How_to_insert_Google_map_using_shortcode1

3. You will see the Shortcode settings’ pop-up:

WordPress_How_to_insert_Google_map_using_shortcode2

4. To fill the first field, you need to generate a Google Map link. Go to https://www.google.com/maps/ and find the required location using the search tool in the top left corner.

WordPress_How_to_insert_Google_map_using_shortcode3

5. Navigate to Settings->Share->Embed map.

WordPress_How_to_insert_Google_map_using_shortcode4

5. Open ‘Embed Map’ tab and copy the code that starts with https://, basically the value of the “src” attribute:

WordPress_How_to_insert_Google_map_using_shortcode5

6. Paste it into the ‘Google map link’ field of the Shortcode settings’ pop-up. Set the width and height parameters for your new Google Map.

WordPress_How_to_insert_Google_map_using_shortcode6

7. Use the ‘Insert Shortcode button and save the changes. A Google Map has been added.

This is the end of the tutorial. Please let us know if you have any questions.

Feel free to check the detailed video tutorial below:

WordPress. How to insert Google map using shortcode

Best Wordpress Themes Ever
This entry was posted in WordPress Tutorials and tagged google, map, shortcode, WordPress. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket