677 Messages
•
44.6K Points
WebsiteBuilder: Add Google Maps
![WebsiteBuilder: Add Google Maps WebsiteBuilder: Add Google Maps](https://prod-content-care-community-cdn.sprinklr.com/18625bcc-2014-418f-a6bf-35b74df5be9f/WebsiteBuilder_AddGoogleMaps-7c37734c-f60f-4da6-9036-c977e66f49f1-1247580499.png)
If you want people to be able to find you at a physical location, there is no better way than adding a Google map to your site. It will provide an address and driving instructions with minimal effort to your customers. Websitebuilder makes it easy to add and provides several display options to fit your taste. Most templates will have one already inserted on your contact page. All you have to do is edit the desired options.
If you want a map on a different page, that's great too. Here's how.
1) Go to the page you want the map to display. Click on +Elements on the left, then on Maps and Google map.
![Image httpsd2r1vs3d9006apcloudfrontnets3_images17525576616-12wizhl_inlinejpg1537314672](https://prod-content-care-community-cdn.sprinklr.com/18625bcc-2014-418f-a6bf-35b74df5be9f/661612wizhl_inline-7f8bd8ea-5a30-4509-95ba-72ac9ae755fa-1110448008.jpg1537314672)
2) Place the element on the page and then drag any of the points to size the map as desired.
![Image httpsd2r1vs3d9006apcloudfrontnets3_images175250122349-1nx68v_inlinejpg1537369501](https://prod-content-care-community-cdn.sprinklr.com/18625bcc-2014-418f-a6bf-35b74df5be9f/223491nx68v_inline-dbe3e10b-6afc-435a-95bd-cb368a790d92-541550590.jpg1537369501)
3) Click on the "More" button
![Image httpsd2r1vs3d9006apcloudfrontnets3_images17525112665-75731w_inlinepng1537377342](https://prod-content-care-community-cdn.sprinklr.com/18625bcc-2014-418f-a6bf-35b74df5be9f/266575731w_inline-f4458cee-2194-4c9b-b75a-151b36c78634-1221526390.png1537377342)
4) Click on Advanced, then on settings.
![Image httpsd2r1vs3d9006apcloudfrontnets3_images17525145257-13q4tz1_inlinepng1537377513](https://prod-content-care-community-cdn.sprinklr.com/18625bcc-2014-418f-a6bf-35b74df5be9f/525713q4tz1_inline-77d8dd3a-791c-49d0-9673-77f7da757277-960406296.png1537377513)
5) Press the magnifying glass to bring up the address lookup box.
![Image https//d2r1vs3d9006apcloudfrontnet/s3_images/1752515/5257-16vgey3_inlinepng1537377610](https://prod-content-care-community-cdn.sprinklr.com/18625bcc-2014-418f-a6bf-35b74df5be9f/525716vgey3_inline-b49e9c30-f8a2-4f76-9c9a-25e354a7af0e-1121078483.png1537377610)
6) Enter your address and click ok.
![Image httpsd2r1vs3d9006apcloudfrontnets3_images17525162665-1gwjb9b_inlinepng1537377789](https://prod-content-care-community-cdn.sprinklr.com/18625bcc-2014-418f-a6bf-35b74df5be9f/26651gwjb9b_inline-21c7c6e0-cd6b-4d5d-ad72-96cde5dddceb-1694649057.png1537377789)
7) You will probably want to add at least one marker to the map to be placed at the address location. If desired, you can place more than one marker. To add a marker, click the Add marker button. The default will be your entered address, but you may change that address if you want to mark a different location for some reason. You can also change the colors of each mark. Click Ok.
![Image httpsd2r1vs3d9006apcloudfrontnets3_images17525192665-1ygjjuq_inlinepng1537378027](https://prod-content-care-community-cdn.sprinklr.com/18625bcc-2014-418f-a6bf-35b74df5be9f/26651ygjjuq_inline-e9445775-23ca-417b-a9ae-5a9ab8ab098b-1956835684.png1537378027)
8) You can also change a few other settings on the map, in the map settings section.
![Image https//d2r1vs3d9006apcloudfrontnet/s3_images/1752525/5257-1qor4bn_inlinepng1537381044](https://prod-content-care-community-cdn.sprinklr.com/18625bcc-2014-418f-a6bf-35b74df5be9f/52571qor4bn_inline-7b0fc137-b313-46bf-becb-7a90ff840f26-868179649.png1537381044)
For linking:
Once you place a map on your site:
Type your address into Google Maps (separate from the builder) and click Share. Copy the link they provide. Attach the link to the map on your site. That way, people can click on the map and it will offer directions.
If you want a map on a different page, that's great too. Here's how.
1) Go to the page you want the map to display. Click on +Elements on the left, then on Maps and Google map.
2) Place the element on the page and then drag any of the points to size the map as desired.
3) Click on the "More" button
4) Click on Advanced, then on settings.
5) Press the magnifying glass to bring up the address lookup box.
6) Enter your address and click ok.
7) You will probably want to add at least one marker to the map to be placed at the address location. If desired, you can place more than one marker. To add a marker, click the Add marker button. The default will be your entered address, but you may change that address if you want to mark a different location for some reason. You can also change the colors of each mark. Click Ok.
8) You can also change a few other settings on the map, in the map settings section.
For linking:
Once you place a map on your site:
Type your address into Google Maps (separate from the builder) and click Share. Copy the link they provide. Attach the link to the map on your site. That way, people can click on the map and it will offer directions.
james4409
2 Messages
•
140 Points
6 years ago
I have my map with my marker pointing to my location.
Now, how do I set up a box to allow customers to input their location and receive directions to my location on Google map?
Thanks!
https://newwhitewaterranch.homesteadcloud.com/
2
0
margot5070
6 Messages
•
262 Points
6 years ago
0
william4517
3 Messages
•
160 Points
5 years ago
1
0
jonathan_t
168 Messages
•
7.6K Points
4 years ago
3
0
mark1617
5 Messages
•
160 Points
11 months ago
Our site's accessibility score is being marked down by Google's Lighthouse scanner because the iframe in which the map is embedded does not include a title attribute. Is there a way to set a title on these so that our site is more accessible?
0
0