{"id":1009,"date":"2026-03-30T11:39:17","date_gmt":"2026-03-30T11:39:17","guid":{"rendered":"https:\/\/siteleads.ai\/docs\/?post_type=docs&#038;p=1009"},"modified":"2026-06-03T11:43:13","modified_gmt":"2026-06-03T11:43:13","password":"","slug":"google-maps-channel-configuration","status":"publish","type":"docs","link":"https:\/\/siteleads.ai\/docs\/google-maps-channel-configuration\/","title":{"rendered":"Google Maps Channel Configuration"},"content":{"rendered":"\n<h2 id=\"intro\" class=\"wp-block-heading\">1. Introduction<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Google Maps widget allows visitors to your website to find your business location with a single click. When a visitor clicks the Google Maps button on your site, they will be taken directly to Google Maps showing your business address \u2014 ready for them to get directions or save your location. You can add one or more locations, assign them labels such as branch names, set their display hours, and customise how the widget appears to your visitors.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This guide will walk you through every step of the setup process in plain, simple language \u2014 no technical knowledge required.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"SiteLeads - Google Maps Widget\" src=\"https:\/\/player.vimeo.com\/video\/1197603182?h=d3c2c414c1&amp;dnt=1&amp;app_id=122963\" width=\"800\" height=\"450\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 id=\"step1\" class=\"wp-block-heading\">2. Adding the Google Maps Channel to Your Widget<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When you first open the widget settings, you will land on the&nbsp;<strong>Channel Selection<\/strong>&nbsp;screen. This is where you choose which contact channels you want to display on your website \u2014 such as Google Maps, Phone, WhatsApp, Email, and others.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To add the Google Maps channel:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click on&nbsp;<strong>Google Maps<\/strong>&nbsp;to add it to your widget.<\/li>\n\n\n\n<li>Once selected, it will appear in your active channels list at the bottom of the screen.<\/li>\n\n\n\n<li>You will know it has been added when you see a map pin icon with the label&nbsp;<strong>Google Maps<\/strong>&nbsp;in the list.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Note:<\/strong>&nbsp;You can add multiple channels at the same time. The Google Maps channel is just one of several options available to you.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 id=\"step2\" class=\"wp-block-heading\">3. Entering Your Location and Contact Details<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">After adding the Google Maps channel, a row of fields will appear for you to fill in. Here is what each field means:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Location<\/strong>&nbsp;\u2014 Enter your business location so visitors can open it directly in Google Maps. You can enter this in either of two ways:<ul><li><strong>Google Maps link<\/strong>&nbsp;\u2014 Paste the short or full link to your business on Google Maps, for example&nbsp;<strong>https:\/\/maps.app.goo.gl\/yourlink<\/strong>. This is the most reliable option and is recommended.<\/li><li><strong>Full business address<\/strong>&nbsp;\u2014 Type in your complete business address, for example&nbsp;<strong>123 Main Street, New York, NY 10001, USA<\/strong>. Google Maps will search for this address when the visitor clicks the button.<\/li><\/ul>When a visitor clicks the Google Maps button on your website, they will be taken directly to your location on Google Maps.<\/li>\n\n\n\n<li><strong>Channel label<\/strong>&nbsp;\u2014 This is the text shown to your website visitors next to the Google Maps button. By default it says &#8220;Google Maps&#8221; but you can change it to something like &#8220;Find Us&#8221;, &#8220;Get Directions&#8221;, or your branch name.<\/li>\n\n\n\n<li><strong>Custom image<\/strong>&nbsp;\u2014 If you would like to use your own icon instead of the default map pin icon, click&nbsp;<strong>Choose file<\/strong>&nbsp;and upload your image.<\/li>\n\n\n\n<li><strong>Channel color<\/strong>&nbsp;\u2014 Click the colour box to pick a colour for your Google Maps button. Choose a colour that matches your website&#8217;s branding.<\/li>\n\n\n\n<li><strong>Show on<\/strong>&nbsp;\u2014 Select whether the Google Maps button should appear on&nbsp;<strong>Desktop<\/strong>,&nbsp;<strong>Mobile<\/strong>, or both by clicking the relevant icons.<\/li>\n<\/ul>\n\n\n\n<h3 id=\"step2a\" class=\"wp-block-heading\">3.1 How to Get Your Google Maps Link<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The easiest way to get your Google Maps link is to follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open&nbsp;<strong>Google Maps<\/strong>&nbsp;in your browser and search for your business name or address.<\/li>\n\n\n\n<li>Click on your business listing to open it.<\/li>\n\n\n\n<li>Click the&nbsp;<strong>Share<\/strong>&nbsp;button (the icon that looks like an arrow pointing upward).<\/li>\n\n\n\n<li>Click&nbsp;<strong>Copy link<\/strong>.<\/li>\n\n\n\n<li>Paste this link into the&nbsp;<strong>Location<\/strong>&nbsp;field in your widget settings.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Tip:<\/strong>&nbsp;Using the Google Maps share link (the short&nbsp;<strong>maps.app.goo.gl<\/strong>&nbsp;link) is the most reliable method. It always points to the exact listing you copied it from, even if the address changes slightly over time.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Tip:<\/strong>&nbsp;If you have more than one business location \u2014 for example, multiple branches or offices \u2014 click the&nbsp;<strong>Add new contact<\/strong>&nbsp;button at the top right to add another row and enter each location individually.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 id=\"step3\" class=\"wp-block-heading\">4. Editing Individual Location Settings<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Each location you add has its own individual settings panel. These allow you to personalise each location further and make it easier for visitors to identify which branch or address they are looking for.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To open a location&#8217;s settings:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Find the location row you want to edit.<\/li>\n\n\n\n<li>Click the&nbsp;<strong>Schedule<\/strong>&nbsp;button on the right-hand side of that row to access the full location settings.<\/li>\n\n\n\n<li>A panel called&nbsp;<strong>Google Maps contact settings<\/strong>&nbsp;will open.<\/li>\n<\/ol>\n\n\n\n<h3 id=\"step3a\" class=\"wp-block-heading\">4.1 Role and Contact Avatar<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Role<\/strong>&nbsp;\u2014 Enter a label for this location, for example &#8220;Head Office&#8221;, &#8220;City Centre Branch&#8221;, or &#8220;Warehouse&#8221;. This will be shown to visitors so they can quickly identify which location they want directions to.<\/li>\n\n\n\n<li><strong>Contact avatar<\/strong>&nbsp;\u2014 Upload a photo or image for this location by clicking&nbsp;<strong>Choose file<\/strong>. You could use a photo of the building, your company logo, or a branch-specific image to help visitors recognise the location.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Once you have made your changes, click&nbsp;<strong>Update contact<\/strong>&nbsp;to save them.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 id=\"step4\" class=\"wp-block-heading\">5. Setting Your Availability Schedule<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You may want to control when your Google Maps button is visible \u2014 for example, only showing it during your opening hours so visitors do not attempt to visit when you are closed. The&nbsp;<strong>Date Scheduling<\/strong>&nbsp;section lets you control exactly when each location appears on your website, down to specific hours on specific days of the week.<\/p>\n\n\n\n<h3 id=\"step4a\" class=\"wp-block-heading\">5.1 Choosing Availability Per Day<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You will see a grid showing all seven days of the week \u2014 Monday through to Sunday. For each day, click the dropdown menu and select one of the following options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>All day<\/strong>&nbsp;\u2014 The location button will be visible to visitors throughout the entire day. This is the default setting.<\/li>\n\n\n\n<li><strong>Scheduled<\/strong>&nbsp;\u2014 Choose this option to set specific hours. For example, you may want the Google Maps button to appear only between 9:00am and 5:00pm on weekdays to reflect your opening hours.<\/li>\n\n\n\n<li><strong>Unavailable<\/strong>&nbsp;\u2014 Choose this to hide the location button completely on that day, for example on days when the location is closed.<\/li>\n<\/ul>\n\n\n\n<h3 id=\"step4b\" class=\"wp-block-heading\">5.2 Copying a Schedule to Multiple Days<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If your opening hours are the same across several days, you do not need to set each one individually. You can copy one day&#8217;s schedule to other days quickly:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click the&nbsp;<strong>copy icon<\/strong>&nbsp;(the two overlapping squares) next to the day you want to copy from.<\/li>\n\n\n\n<li>A small menu will appear listing all the other days of the week.<\/li>\n\n\n\n<li>Tick the days you want to apply the same schedule to.<\/li>\n\n\n\n<li>Click&nbsp;<strong>Apply<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">The schedule will be copied across to all the days you selected automatically.<\/p>\n\n\n\n<h3 id=\"step4c\" class=\"wp-block-heading\">5.3 Setting Your Time Zone<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">At the bottom of the scheduling section you will find a&nbsp;<strong>Time zone<\/strong>&nbsp;dropdown. Make sure this is set to the correct time zone for the location so that your opening hours display accurately to visitors regardless of where they are in the world. By default, it is set to match your website&#8217;s time zone.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When you are happy with all the settings, click&nbsp;<strong>Update contact<\/strong>&nbsp;to save.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 id=\"step5\" class=\"wp-block-heading\">6. Customising the Multi-Location Pop-Up Message<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If you have added more than one location \u2014 for example, multiple branches \u2014 visitors will see a small pop-up when they click the widget button, showing all available locations for them to choose from. You can customise the text shown in this pop-up to make it feel more welcoming and on-brand.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To customise the pop-up message:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click the&nbsp;<strong>Multi-contact settings<\/strong>&nbsp;button at the top of the Google Maps channel panel.<\/li>\n\n\n\n<li>A window will appear with two fields to fill in:<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Headline<\/strong>&nbsp;\u2014 This is the bold title text shown at the top of the pop-up. For example:&nbsp;<em>&#8220;Find Your Nearest Branch&#8221;<\/em><\/li>\n\n\n\n<li><strong>Welcome message text<\/strong>&nbsp;\u2014 This is the smaller description text shown below the headline. For example:&nbsp;<em>&#8220;Select a location to get directions.&#8221;<\/em><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Type in whatever text feels right for your business, then click&nbsp;<strong>Update<\/strong>&nbsp;to save your changes.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 id=\"done\" class=\"wp-block-heading\">7. Final Notes<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Your Google Maps widget is now fully set up. Visitors to your website will be able to click your location button and be taken directly to Google Maps \u2014 during the hours you have specified.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you ever need to make changes \u2014 such as updating your location link, adding a new branch, or adjusting your opening hours \u2014 simply return to the widget settings area and follow the same steps outlined in this guide.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Reminder:<\/strong>&nbsp;Always click&nbsp;<strong>Update contact<\/strong>&nbsp;or&nbsp;<strong>Update<\/strong>&nbsp;after making any changes to ensure your settings are saved correctly.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>1. Introduction The Google Maps widget allows visitors to your website to find your business location with a single click. When a visitor clicks the Google Maps button on your site, they will be taken directly to Google Maps showing your business address \u2014 ready for them to get directions or save your location. You [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[38],"doc_tag":[],"class_list":["post-1009","docs","type-docs","status-publish","hentry","doc_category-contact-widget-configuration"],"year_month":"2026-06","word_count":1413,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Olumide","author_nicename":"olumide-akintunde","author_url":"https:\/\/siteleads.ai\/docs\/author\/olumide-akintunde\/"},"doc_category_info":[{"term_name":"Contact Widget Configuration","term_url":"https:\/\/siteleads.ai\/docs\/docs-category\/contact-widget-configuration\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/siteleads.ai\/docs\/wp-json\/wp\/v2\/docs\/1009","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/siteleads.ai\/docs\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/siteleads.ai\/docs\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/siteleads.ai\/docs\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/siteleads.ai\/docs\/wp-json\/wp\/v2\/comments?post=1009"}],"version-history":[{"count":2,"href":"https:\/\/siteleads.ai\/docs\/wp-json\/wp\/v2\/docs\/1009\/revisions"}],"predecessor-version":[{"id":1100,"href":"https:\/\/siteleads.ai\/docs\/wp-json\/wp\/v2\/docs\/1009\/revisions\/1100"}],"wp:attachment":[{"href":"https:\/\/siteleads.ai\/docs\/wp-json\/wp\/v2\/media?parent=1009"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/siteleads.ai\/docs\/wp-json\/wp\/v2\/doc_category?post=1009"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/siteleads.ai\/docs\/wp-json\/wp\/v2\/doc_tag?post=1009"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}