{"id":1835,"date":"2020-11-17T10:29:33","date_gmt":"2020-11-17T10:29:33","guid":{"rendered":"https:\/\/www-staging1.names.co.uk\/support\/?post_type=ht_kb&#038;p=1835"},"modified":"2020-11-18T14:45:28","modified_gmt":"2020-11-18T14:45:28","slug":"how-to-add-google-maps-to-sitemaker","status":"publish","type":"ht_kb","link":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-google-maps-to-sitemaker\/","title":{"rendered":"How to add Google maps to SiteMaker"},"content":{"rendered":"\n<p>If you are looking to add Google Maps to your website you can use the in built Google Maps Widget.<\/p>\n\n\n\n<p>You can add this by logging into your SiteMaker editor\u00a0(<a href=\"\/support\/articles\/getting-started-with-sitemaker\/\">How to log into SiteMaker<\/a>), browsing to the page you wish to use for the Slideshow, then selecting insert.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/kbmedia2.names.co.uk\/9f1\/f542eae1949358e25d8bfeefe5b199f1\/1Sitemakermenu.png\" alt=\"\"\/><\/figure>\n\n\n\n<p>Next select&nbsp;<strong>Widget library<\/strong>&nbsp;from the Basic objects menu on the left.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/kbmedia2.names.co.uk\/9f1\/f542eae1949358e25d8bfeefe5b199f1\/3widgetlibrary.png\" alt=\"\"\/><\/figure>\n\n\n\n<p>Your File Manager will then open up. Please browse to the&nbsp;<strong>Widgets<\/strong>&nbsp;folder.<\/p>\n\n\n\n<p>Next you will see a selection of widgets to choose from, just select&nbsp;<strong>Google Maps<\/strong>, and click on&nbsp;<strong>use this<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/kbmedia2.names.co.uk\/9f1\/f542eae1949358e25d8bfeefe5b199f1\/5widgetselectionandusethis.png\" alt=\"\"\/><\/figure>\n\n\n\n<p>Once you have selected this you can close off your File Manager.<\/p>\n\n\n\n<p>Now you can drag and drop the widget to where you want the map to appear on your page, you can also resize the widget as desired.<\/p>\n\n\n\n<p>Next we need to generate the code for your map, to do this select the Google Map widget, that you have positioned and resized, and click Setup in the floating editor box.<\/p>\n\n\n\n<p>Click on&nbsp;<strong>Get Snippet<\/strong>, this will take you to a new page at&nbsp;<a href=\"https:\/\/maps.google.co.uk\/\">maps.google.co.uk<\/a><\/p>\n\n\n\n<p>Once here search for the map area you wish to display, in this example I have chosen our location here at Names.co.uk<\/p>\n\n\n\n<p>Now we have the location we need to get the code, to do this click on the link icon and copy the code in &#8220;Paste HTML to embed in website&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/kbmedia2.names.co.uk\/582\/cd14821dab219ea06e2fd1a2df2e3582\/embedcode.png\" alt=\"embed code\" title=\"embed code\"\/><\/figure>\n\n\n\n<p>With this code copied, go back to your Sitemaker and paste it into your Google Maps snippet as shown below.<\/p>\n\n\n\n<p>Click apply then save, and your map will be instantly up and running.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/kbmedia2.names.co.uk\/9f1\/f542eae1949358e25d8bfeefe5b199f1\/pastecode.png\" alt=\"\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>If you are looking to add Google Maps to your website you can use the in built Google Maps Widget. You can add this by logging into your SiteMaker editor\u00a0(How to log into SiteMaker), browsing to the page you wish to use for the Slideshow, then selecting insert. Next select&nbsp;Widget library&nbsp;from the Basic objects menu [&hellip;]<\/p>\n","protected":false},"author":2,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[173,145],"ht-kb-tag":[174,144],"class_list":["post-1835","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-legacy","ht_kb_category-sitemaker","ht_kb_tag-html5","ht_kb_tag-sitemaker"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to add Google maps to SiteMaker - Support Centre - names.co.uk<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-google-maps-to-sitemaker\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add Google maps to SiteMaker - Support Centre - names.co.uk\" \/>\n<meta property=\"og:description\" content=\"If you are looking to add Google Maps to your website you can use the in built Google Maps Widget. You can add this by logging into your SiteMaker editor\u00a0(How to log into SiteMaker), browsing to the page you wish to use for the Slideshow, then selecting insert. Next select&nbsp;Widget library&nbsp;from the Basic objects menu [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-google-maps-to-sitemaker\/\" \/>\n<meta property=\"og:site_name\" content=\"Support Centre - names.co.uk\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/namesco\" \/>\n<meta property=\"article:modified_time\" content=\"2020-11-18T14:45:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kbmedia2.names.co.uk\/9f1\/f542eae1949358e25d8bfeefe5b199f1\/1Sitemakermenu.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@namesco\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-google-maps-to-sitemaker\/\",\"url\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-google-maps-to-sitemaker\/\",\"name\":\"How to add Google maps to SiteMaker - Support Centre - names.co.uk\",\"isPartOf\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-google-maps-to-sitemaker\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-google-maps-to-sitemaker\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kbmedia2.names.co.uk\/9f1\/f542eae1949358e25d8bfeefe5b199f1\/1Sitemakermenu.png\",\"datePublished\":\"2020-11-17T10:29:33+00:00\",\"dateModified\":\"2020-11-18T14:45:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-google-maps-to-sitemaker\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-google-maps-to-sitemaker\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-google-maps-to-sitemaker\/#primaryimage\",\"url\":\"https:\/\/kbmedia2.names.co.uk\/9f1\/f542eae1949358e25d8bfeefe5b199f1\/1Sitemakermenu.png\",\"contentUrl\":\"https:\/\/kbmedia2.names.co.uk\/9f1\/f542eae1949358e25d8bfeefe5b199f1\/1Sitemakermenu.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-google-maps-to-sitemaker\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.names.co.uk\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to add Google maps to SiteMaker\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.names.co.uk\/support\/#website\",\"url\":\"https:\/\/www.names.co.uk\/support\/\",\"name\":\"Support Centre - names.co.uk\",\"description\":\"names.co.uk Support Centre\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.names.co.uk\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to add Google maps to SiteMaker - Support Centre - names.co.uk","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-google-maps-to-sitemaker\/","og_locale":"en_GB","og_type":"article","og_title":"How to add Google maps to SiteMaker - Support Centre - names.co.uk","og_description":"If you are looking to add Google Maps to your website you can use the in built Google Maps Widget. You can add this by logging into your SiteMaker editor\u00a0(How to log into SiteMaker), browsing to the page you wish to use for the Slideshow, then selecting insert. Next select&nbsp;Widget library&nbsp;from the Basic objects menu [&hellip;]","og_url":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-google-maps-to-sitemaker\/","og_site_name":"Support Centre - names.co.uk","article_publisher":"https:\/\/www.facebook.com\/namesco","article_modified_time":"2020-11-18T14:45:28+00:00","og_image":[{"url":"https:\/\/kbmedia2.names.co.uk\/9f1\/f542eae1949358e25d8bfeefe5b199f1\/1Sitemakermenu.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@namesco","twitter_misc":{"Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-google-maps-to-sitemaker\/","url":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-google-maps-to-sitemaker\/","name":"How to add Google maps to SiteMaker - Support Centre - names.co.uk","isPartOf":{"@id":"https:\/\/www.names.co.uk\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-google-maps-to-sitemaker\/#primaryimage"},"image":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-google-maps-to-sitemaker\/#primaryimage"},"thumbnailUrl":"https:\/\/kbmedia2.names.co.uk\/9f1\/f542eae1949358e25d8bfeefe5b199f1\/1Sitemakermenu.png","datePublished":"2020-11-17T10:29:33+00:00","dateModified":"2020-11-18T14:45:28+00:00","breadcrumb":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-google-maps-to-sitemaker\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.names.co.uk\/support\/articles\/how-to-add-google-maps-to-sitemaker\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-google-maps-to-sitemaker\/#primaryimage","url":"https:\/\/kbmedia2.names.co.uk\/9f1\/f542eae1949358e25d8bfeefe5b199f1\/1Sitemakermenu.png","contentUrl":"https:\/\/kbmedia2.names.co.uk\/9f1\/f542eae1949358e25d8bfeefe5b199f1\/1Sitemakermenu.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-google-maps-to-sitemaker\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.names.co.uk\/support\/"},{"@type":"ListItem","position":2,"name":"How to add Google maps to SiteMaker"}]},{"@type":"WebSite","@id":"https:\/\/www.names.co.uk\/support\/#website","url":"https:\/\/www.names.co.uk\/support\/","name":"Support Centre - names.co.uk","description":"names.co.uk Support Centre","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.names.co.uk\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/1835","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/comments?post=1835"}],"version-history":[{"count":1,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/1835\/revisions"}],"predecessor-version":[{"id":1836,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/1835\/revisions\/1836"}],"wp:attachment":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/media?parent=1835"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb-category?post=1835"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb-tag?post=1835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}