{"id":5590,"date":"2015-09-14T09:40:21","date_gmt":"2015-09-14T09:40:21","guid":{"rendered":"https:\/\/wpopal.com\/?p=5590"},"modified":"2015-09-14T09:40:21","modified_gmt":"2015-09-14T09:40:21","slug":"how-to-insert-google-map-into-wordpress-new-version","status":"publish","type":"post","link":"http:\/\/dev.wpopal.com\/wpopal\/how-to-insert-google-map-into-wordpress-new-version\/","title":{"rendered":"How to insert Google Map into WordPress (New Version)"},"content":{"rendered":"<p>Before <a class=\"blue\" href=\"https:\/\/wpopal.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Opal WordPress<\/a> shared you a tutorial of <a class=\"blue\" href=\"https:\/\/wpopal.com\/how-to-insert-google-map-in-wordpress\/\" rel=\"nofollow noopener\" target=\"_blank\">How to insert Google Map<\/a>. However, it is only the old version and now for some new themes we are using the new version.\u00a0Today we will continue to instruct you\u00a0<strong>How to insert Google Map in WordPress (New Version)<\/strong>. This issue is also asked in the process of supporting customers. Hoping the below simply steps will help you to insert Google Map into your website perfectly. From that customers can find your address easily.<br \/>\nWe will use <a class=\"blue\" href=\"http:\/\/themeforest.net\/item\/octopus-multipurpose-business-wordpress-theme\/11776566?ref=opal_wp\" rel=\"nofollow noopener\" target=\"_blank\">Octopus<\/a> to guide you. Please pay attention to them!<br \/>\nIn the new version, Google Map\u00a0is put in Footer, which is different from the old version &#8220;Google Map (Contact us) is separated with Footer).<\/p>\n<h4>Step 1: From <strong>Dashboard<\/strong> go to\u00a0<strong>Opal Footer<\/strong>\u00a0and choose <strong>Footer Default<\/strong><\/h4>\n<p style=\"text-align: center;\"><a href=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/footer.jpg\" rel=\"nofollow noopener\" target=\"_blank\"><img fetchpriority=\"high\" decoding=\"async\" class=\"size-full wp-image-5592 aligncenter\" src=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/footer.jpg\" alt=\"footer\" width=\"704\" height=\"368\" title=\"\"><\/a><\/p>\n<h4>Step 2: Config Google Map (Footer Default)<\/h4>\n<p>Visit <a class=\"blue\" href=\"https:\/\/www.google.com\/maps\" rel=\"nofollow noopener\" target=\"_blank\">Google maps<\/a> to create your map<\/p>\n<ul>\n<li><strong>Find location<\/strong><\/li>\n<\/ul>\n<p>Please find your location which you want to show on your website.<br \/>\nFor example: We find location &#8220;<em><strong>Golders Green Station, London, United Kingdom<\/strong><\/em>&#8221;<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/s.jpg\" rel=\"nofollow noopener\" target=\"_blank\"><img decoding=\"async\" class=\"alignnone size-full wp-image-6229\" src=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/s.jpg\" alt=\"s\" width=\"702\" height=\"329\" title=\"\"><\/a><\/p>\n<ul>\n<li>Click &#8220;<strong>Share<\/strong>&#8221; and make sure map is public on the web<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><a href=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/d.jpg\" rel=\"nofollow noopener\" target=\"_blank\"><img decoding=\"async\" class=\"alignnone size-full wp-image-6231\" src=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/d.jpg\" alt=\"d\" width=\"704\" height=\"435\" title=\"\"><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/h1.jpg\" rel=\"nofollow noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6233\" src=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/h1.jpg\" alt=\"h\" width=\"700\" height=\"392\" title=\"\"><\/a><\/p>\n<ul>\n<li>Click folder icon to reveal &#8220;<strong>Embed on my site<\/strong>&#8221; link<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><a href=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/j.jpg\" rel=\"nofollow noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6234\" src=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/j.jpg\" alt=\"j\" width=\"704\" height=\"428\" title=\"\"><\/a><\/p>\n<ul>\n<li><strong>Copy iframe code<\/strong><\/li>\n<\/ul>\n<p style=\"text-align: center;\">\u00a0<a href=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/m.jpg\" rel=\"nofollow noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6235\" src=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/m.jpg\" alt=\"m\" width=\"704\" height=\"428\" title=\"\"><\/a><\/p>\n<ul>\n<li><strong>Paste<\/strong> it into here<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><a href=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/b.jpg\" rel=\"nofollow noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6236\" src=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/b.jpg\" alt=\"b\" width=\"704\" height=\"375\" title=\"\"><\/a><\/p>\n<ul>\n<li>Config items in <strong>Google Map Setting<\/strong>\n<ul>\n<li><em>Put Map Height<\/em><\/li>\n<li><em>Choose Extra class name<\/em><\/li>\n<li><em>Upload image to show Google Map<\/em><\/li>\n<\/ul>\n<\/li>\n<li>Remember to <strong>Save Changes<\/strong><\/li>\n<\/ul>\n<p><strong>Front Page<\/strong> like this:<\/p>\n<p style=\"text-align: center;\">\u00a0<a href=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/n.jpg\" rel=\"nofollow noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6237\" src=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/n.jpg\" alt=\"n\" width=\"700\" height=\"351\" title=\"\"><\/a><\/p>\n<p>Hoping through our above tutorial, you know <strong>How to insert Google Map in WordPress (New Version)\u00a0<\/strong>perfectly.\u00a0In the process of reading it, you meet any difficulties, please leave a below comment or contact us directly via email or skype, we will update it immediately. Your suggestions are really meaningful and precious with us helping us to be more perfect. Hoping your website will be longer\u00a0with customers. Remember to\u00a0follow our social channels\u00a0such as\u00a0<a class=\"blue\" href=\"https:\/\/www.facebook.com\/opalwordpress\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Facebook<\/a>, <a class=\"blue\" href=\"https:\/\/twitter.com\/?lang=en\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Twitter<\/a>, <a class=\"blue\" href=\"https:\/\/www.linkedin.com\/home?trk=nav_responsive_tab_home\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Linkedin<\/a>, <a class=\"blue\" href=\"https:\/\/www.youtube.com\/user\/WPOpalTheme\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Youtube,<\/a> <a class=\"blue\" href=\"https:\/\/www.pinterest.com\/cunconvp192\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Pinterest<\/a>\u00a0to get the newest information!<\/p>\n<p style=\"text-align: center;\"><a class=\"btn btn-success\" href=\"http:\/\/themeforest.net\/item\/octopus-multipurpose-business-wordpress-theme\/full_screen_preview\/11776566?ref=opal_wp\" rel=\"nofollow noopener\" target=\"_blank\">Live Demo<\/a> <a class=\"btn btn-danger\" href=\"http:\/\/themeforest.net\/item\/octopus-multipurpose-business-wordpress-theme\/11776566?ref=opal_wp\" rel=\"nofollow noopener\" target=\"_blank\">Download<\/a><\/p>\n<p>Thanks so much!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Before Opal WordPress shared you a tutorial of How to insert Google Map. However, it is only the old version and now for some new themes we are using the new version.\u00a0Today we will continue to instruct you\u00a0How to insert Google Map in WordPress (New Version). This issue is also asked in the process of [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":30843,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[],"class_list":["post-5590","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials"],"_links":{"self":[{"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/posts\/5590","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/comments?post=5590"}],"version-history":[{"count":0,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/posts\/5590\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/media\/30843"}],"wp:attachment":[{"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/media?parent=5590"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/categories?post=5590"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/tags?post=5590"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}