{"id":26115,"date":"2014-06-01T10:16:17","date_gmt":"2014-06-01T14:16:17","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=26115"},"modified":"2017-08-15T06:40:12","modified_gmt":"2017-08-15T10:40:12","slug":"wordpress-how-to-insert-google-map-using-shortcode","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/wordpress-how-to-insert-google-map-using-shortcode.html","title":{"rendered":"WordPress. How to insert Google map using shortcode"},"content":{"rendered":"

\r\n<\/p>\r\n

This tutorial will show you how to insert a Google map into your WordPress template using a shortcode.<\/p>\r\n

WordPress. How to insert Google map using shortcode<\/a><\/p>\r\n

\r\n\r\n\r\n<\/a>\r\n<\/div>\r\n

1. Log into your admin panel and create a new page or post.<\/p>\r\n

2. In the Visual <\/strong>mode click the ‘Insert ShortCode’<\/strong> icon. <\/p>\r\n

\"WordPress_How_to_insert_Google_map_using_shortcode1\"<\/a><\/p>\r\n

3. You will see the ‘Shortcode settings’<\/strong> pop-up:<\/p>\r\n

\"WordPress_How_to_insert_Google_map_using_shortcode2\"<\/a><\/p>\r\n

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

\"WordPress_How_to_insert_Google_map_using_shortcode3\"<\/a><\/p>\r\n

5. Navigate to Settings->Share->Embed map<\/strong>.<\/p>\r\n

\"WordPress_How_to_insert_Google_map_using_shortcode4\"<\/a><\/p>\r\n

5. Open ‘Embed Map’<\/strong> tab and copy the code that starts with https:\/\/<\/strong>, basically the value of the “src”<\/strong> attribute:<\/p>\r\n

\"WordPress_How_to_insert_Google_map_using_shortcode5\"<\/a><\/p>\r\n

6. Paste it into the ‘Google map link’<\/strong> field of the ‘Shortcode settings’<\/strong> pop-up. Set the width and height parameters for your new Google Map.<\/p>\r\n

\"WordPress_How_to_insert_Google_map_using_shortcode6\"<\/a><\/p>\r\n

7. Use the ‘Insert Shortcode’<\/strong> button and save the changes. A Google Map has been added.<\/p>\r\n

This is the end of the tutorial. Please let us know if you have any questions.<\/p>\r\n

Feel free to check the detailed video tutorial below:<\/p>\r\n

WordPress. How to insert Google map using shortcode<\/a><\/p>\r\n<\/p>\r\n<\/p>\r\n

<\/p>","protected":false},"excerpt":{"rendered":"

This tutorial will show you how to insert a Google map into your WordPress template using a shortcode.<\/p>\n","protected":false},"author":37,"featured_media":26124,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[728],"tags":[929,1113,1415,2405],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/26115"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=26115"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/26115\/revisions"}],"predecessor-version":[{"id":82683,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/26115\/revisions\/82683"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/26124"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=26115"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=26115"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=26115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}