{"id":5555,"date":"2015-09-11T09:01:18","date_gmt":"2015-09-11T09:01:18","guid":{"rendered":"https:\/\/wpopal.com\/?p=5555"},"modified":"2015-09-11T09:01:18","modified_gmt":"2015-09-11T09:01:18","slug":"how-to-insert-google-map-in-wordpress","status":"publish","type":"post","link":"http:\/\/dev.wpopal.com\/wpopal\/how-to-insert-google-map-in-wordpress\/","title":{"rendered":"How to insert Google Map in WordPress"},"content":{"rendered":"<p>WordPress allows you to add some elements into your theme by using Visual Composer efficiently. Before <a class=\"blue\" href=\"https:\/\/wpopal.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Opal WordPress<\/a> guided you some tutorials such as <a class=\"blue\" href=\"https:\/\/wpopal.com\/how-to-config-megamenu-editor-and-megamenu-vertical-editor\/\" rel=\"nofollow noopener\" target=\"_blank\">How to config Vertical Menu<\/a>, <a class=\"blue\" href=\"https:\/\/wpopal.com\/how-to-install-data-demo-in-wordpress\/\" rel=\"nofollow noopener\" target=\"_blank\">How to import Data Demo<\/a> or <a class=\"blue\" href=\"https:\/\/wpopal.com\/how-to-create-courses-and-lessons-in-edubase-theme\/\" rel=\"nofollow noopener\" target=\"_blank\">How to create Courses and Lessons<\/a>..Today we will continue to instruct you\u00a0<strong>How to insert Google Map in WordPress<\/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 \/>\nFrom <strong>Dashboard<\/strong> go to <strong>Pages<\/strong> and choose <strong>Contact Us<\/strong><br \/>\n<strong>Step 1<\/strong>: Use <strong>Visual Composer<\/strong> to drag and drop element you want. For Contact Page, need <strong>Google Maps<\/strong>, <strong>Text Block, WPO Contact Info\u00a0<\/strong>and <strong>Contact Form 7<\/strong><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/element_001.jpg\" rel=\"nofollow noopener\" target=\"_blank\"><img fetchpriority=\"high\" decoding=\"async\" class=\"size-full wp-image-5556 aligncenter\" src=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/element_001.jpg\" alt=\"element\" width=\"700\" height=\"316\" title=\"\"><\/a><\/p>\n<p><strong>Step 2<\/strong>: After adding elements, it is time for you to config them<\/p>\n<ul>\n<li><strong>Google Map<\/strong><\/li>\n<\/ul>\n<p>Please Insert your <strong>Address<\/strong> and click <strong>Find<\/strong>. Then it will show you <strong>Latitude<\/strong> and <strong>Longitude<\/strong> of your address. Besides you should pay attention to put <strong>Map Height<\/strong> for Google Map<br \/>\nRemember to <strong>Save Changes<\/strong><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/contact_us1.jpg\" rel=\"nofollow noopener\" target=\"_blank\"><img decoding=\"async\" class=\"alignnone size-full wp-image-5565\" src=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/contact_us1.jpg\" alt=\"contact_us\" width=\"700\" height=\"378\" title=\"\"><\/a><\/p>\n<ul>\n<li><strong>WPO Contact Info<\/strong><\/li>\n<\/ul>\n<p>Remember to insert enough all <strong>essential information<\/strong> for your Contact<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/info1.jpg\" rel=\"nofollow noopener\" target=\"_blank\"><img decoding=\"async\" class=\"size-full wp-image-5562 aligncenter\" src=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/info1.jpg\" alt=\"info\" width=\"704\" height=\"398\" title=\"\"><\/a><\/p>\n<p><strong>Step 3: Set up Contact Form<\/strong><br \/>\nFrom <strong>Dashboard<\/strong> -&gt; Navigate to <strong>Contact<\/strong><br \/>\nIn this Contact Form, you can see 2 types: <strong>Contact Form 1<\/strong> and <strong>Contact Form 2<\/strong>. Each one will show you a specific \u00a0style of contact.<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/form1.jpg\" rel=\"nofollow noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5560\" src=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/form1.jpg\" alt=\"form\" width=\"704\" height=\"377\" title=\"\"><\/a><\/p>\n<p>Then go\u00a0to <strong>Contact Form 7 <\/strong>to choose form you want to show<strong>\u00a0<\/strong>on <strong>Contact Page<\/strong><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/Mh.jpg\" rel=\"nofollow noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-5568 aligncenter\" src=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/Mh.jpg\" alt=\"Mh\" width=\"704\" height=\"367\" title=\"\"><\/a><\/p>\n<p><strong>Front Image<\/strong> like this: Using <strong>Contact Form 1<\/strong><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/front.jpg\" rel=\"nofollow noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5566\" src=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/front.jpg\" alt=\"front\" width=\"704\" height=\"370\" title=\"\"><\/a><\/p>\n<p>Hoping through our above tutorial, you know <strong>How to insert Google Map in WordPress\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\/gentshop-lookbook-woocommerce-wordpress-theme\/full_screen_preview\/11022316?ref=opal_wp\" rel=\"nofollow noopener\" target=\"_blank\">Live Demo<\/a> <a class=\"btn btn-danger\" href=\"http:\/\/themeforest.net\/item\/gentshop-lookbook-woocommerce-wordpress-theme\/11022316?ref=opal_wp\" rel=\"nofollow noopener\" target=\"_blank\">Download<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress allows you to add some elements into your theme by using Visual Composer efficiently. Before Opal WordPress guided you some tutorials such as How to config Vertical Menu, How to import Data Demo or How to create Courses and Lessons..Today we will continue to instruct you\u00a0How to insert Google Map in WordPress. This issue [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":30845,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[],"class_list":["post-5555","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\/5555","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=5555"}],"version-history":[{"count":0,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/posts\/5555\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/media\/30845"}],"wp:attachment":[{"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/media?parent=5555"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/categories?post=5555"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/tags?post=5555"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}