{"id":2518,"date":"2021-11-05T13:09:45","date_gmt":"2021-11-05T13:09:45","guid":{"rendered":"https:\/\/www.names.co.uk\/support\/?post_type=ht_kb&#038;p=2518"},"modified":"2025-01-10T10:19:58","modified_gmt":"2025-01-10T10:19:58","slug":"how-to-add-a-map-to-website-builder","status":"publish","type":"ht_kb","link":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-map-to-website-builder\/","title":{"rendered":"How to add a Map to Website Builder"},"content":{"rendered":"\n<div class=\"wp-block-nco-info-block\"><p class=\"nco-info-block-content\"><strong>Info:<\/strong> This article applies to Website Builder purchases made before 14th January 2025. For further assistance, please contact our support team.<\/p><\/div>\n\n\n\n<p>Adding a map to your website is a great way of showing website visitors exactly where your shop or event is located. You could even use it to indicate where car parking or places of interest are located.<\/p>\n\n\n\n<p>To add the map click on the <em><strong><a href=\"https:\/\/www.names.co.uk\/website-builder\/features#widgets\">Widgets<\/a><\/strong><\/em> icon within Website Builder to access the widget library and then look for the <em><strong>Map<\/strong><\/em> widget. It\u2019s usually located within the <em><strong>Business<\/strong><\/em> and <em><strong>Popular<\/strong><\/em> categories, or you could use the search bar at the top to look for it.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"312\" height=\"656\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-map-widget.png\" alt=\"Website Builder map widget\" class=\"wp-image-2519\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-map-widget.png 312w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-map-widget-143x300.png 143w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-map-widget-24x50.png 24w\" sizes=\"auto, (max-width: 312px) 100vw, 312px\" \/><\/figure>\n<\/div>\n\n\n<p>Drag it over to the part of the website where you\u2019d like the map to appear and it will snap into place and open a pop-up window that allows you to configure the widget.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"340\" height=\"544\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-map-widget-content.png\" alt=\"Website Builder map widget content\" class=\"wp-image-2520\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-map-widget-content.png 340w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-map-widget-content-188x300.png 188w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-map-widget-content-31x50.png 31w\" sizes=\"auto, (max-width: 340px) 100vw, 340px\" \/><\/figure>\n<\/div>\n\n\n<p>The only necessary step is to type in your business address and you\u2019ll see the pin on the map updates to that location.<\/p>\n\n\n\n<p>You can also choose to display a map button instead of a map image if you like.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"324\" height=\"512\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-map-widget-button.png\" alt=\"Website builder Map widget button\" class=\"wp-image-2521\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-map-widget-button.png 324w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-map-widget-button-190x300.png 190w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-map-widget-button-32x50.png 32w\" sizes=\"auto, (max-width: 324px) 100vw, 324px\" \/><\/figure>\n<\/div>\n\n\n<p>To display a map button on specific devices, select the <em><strong>Use button <\/strong>on<\/em> where you want the button to appear. If no devices are chosen, the map image will be displayed.<\/p>\n\n\n\n<p>On the <em><strong>Design<\/strong><\/em> tab up at the top you can also customise various aspects of how the map is displayed, such as its width and height, or whether it has a border.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"342\" height=\"540\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-map-widget-design.png\" alt=\"Website Builder map widget design\" class=\"wp-image-2522\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-map-widget-design.png 342w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-map-widget-design-190x300.png 190w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-map-widget-design-32x50.png 32w\" sizes=\"auto, (max-width: 342px) 100vw, 342px\" \/><\/figure>\n<\/div>\n\n\n<div class=\"wp-block-nco-advice-block\"><p class=\"nco-advice-block-content\"><strong>Tip:<\/strong> Another great way to engage with customers is to make it easy for them to call you. Make sure you also read our article on how to add your phone number to your website that a customer can &#8220;<a href=\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-click-to-call-function-to-your-website\/\">click to call&#8221;<\/a>.<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Adding a map to your website is a great way of showing website visitors exactly where your shop or event is located. You could even use it to indicate where car parking or places of interest are located. To add the map click on the Widgets icon within Website Builder to access the widget library [&hellip;]<\/p>\n","protected":false},"author":14,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[198,154],"ht-kb-tag":[153],"class_list":["post-2518","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-improve-and-perfect-your-website","ht_kb_category-website-builder","ht_kb_tag-website-builder"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to add a Map to Website Builder - Support Centre - names.co.uk<\/title>\n<meta name=\"description\" content=\"Want to encourage customers to come and see you? Here&#039;s our simple guide on how to add a map to your website.\" \/>\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-a-map-to-website-builder\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add a Map to Website Builder - Support Centre - names.co.uk\" \/>\n<meta property=\"og:description\" content=\"Want to encourage customers to come and see you? Here&#039;s our simple guide on how to add a map to your website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-map-to-website-builder\/\" \/>\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=\"2025-01-10T10:19:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-map-widget.png\" \/>\n\t<meta property=\"og:image:width\" content=\"312\" \/>\n\t<meta property=\"og:image:height\" content=\"656\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/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=\"2 minutes\" \/>\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-a-map-to-website-builder\/\",\"url\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-map-to-website-builder\/\",\"name\":\"How to add a Map to Website Builder - 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-a-map-to-website-builder\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-map-to-website-builder\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-map-widget.png\",\"datePublished\":\"2021-11-05T13:09:45+00:00\",\"dateModified\":\"2025-01-10T10:19:58+00:00\",\"description\":\"Want to encourage customers to come and see you? Here's our simple guide on how to add a map to your website.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-map-to-website-builder\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-map-to-website-builder\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-map-to-website-builder\/#primaryimage\",\"url\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-map-widget.png\",\"contentUrl\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-map-widget.png\",\"width\":312,\"height\":656},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-map-to-website-builder\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.names.co.uk\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to add a Map to Website Builder\"}]},{\"@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 a Map to Website Builder - Support Centre - names.co.uk","description":"Want to encourage customers to come and see you? Here's our simple guide on how to add a map to your website.","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-a-map-to-website-builder\/","og_locale":"en_GB","og_type":"article","og_title":"How to add a Map to Website Builder - Support Centre - names.co.uk","og_description":"Want to encourage customers to come and see you? Here's our simple guide on how to add a map to your website.","og_url":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-map-to-website-builder\/","og_site_name":"Support Centre - names.co.uk","article_publisher":"https:\/\/www.facebook.com\/namesco","article_modified_time":"2025-01-10T10:19:58+00:00","og_image":[{"width":312,"height":656,"url":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-map-widget.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@namesco","twitter_misc":{"Estimated reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-map-to-website-builder\/","url":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-map-to-website-builder\/","name":"How to add a Map to Website Builder - 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-a-map-to-website-builder\/#primaryimage"},"image":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-map-to-website-builder\/#primaryimage"},"thumbnailUrl":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-map-widget.png","datePublished":"2021-11-05T13:09:45+00:00","dateModified":"2025-01-10T10:19:58+00:00","description":"Want to encourage customers to come and see you? Here's our simple guide on how to add a map to your website.","breadcrumb":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-map-to-website-builder\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-map-to-website-builder\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-map-to-website-builder\/#primaryimage","url":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-map-widget.png","contentUrl":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-map-widget.png","width":312,"height":656},{"@type":"BreadcrumbList","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-map-to-website-builder\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.names.co.uk\/support\/"},{"@type":"ListItem","position":2,"name":"How to add a Map to Website Builder"}]},{"@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\/2518","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\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/comments?post=2518"}],"version-history":[{"count":3,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/2518\/revisions"}],"predecessor-version":[{"id":6453,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/2518\/revisions\/6453"}],"wp:attachment":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/media?parent=2518"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb-category?post=2518"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb-tag?post=2518"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}