In this Widget Section, you would be able to set up your Google Map and Contact Information. This will allow for absolute personalization on how your map would appear, enabling you to show your customer's the location of your physical store or any other location you may need.
Before setting up your Google map in the contacts section, you need to generate Google Maps API Key for your CloudCart store.
Configuring Google Map
Go to My Store > Widgets > Contacts
This is how the menu looks like. You can enable the map from the top right-hand corner of the page.
1. Map Type:
This type will be shown as a photographic map, roads, and city names.
This type will be shown as a default, normal map, with names of roads, cities, regions, countries included.
This type will be shown as a map from a satellite view with land features included.
This type will be shown with basic topographic features, ups, and downs of the landscape, like mountains and canyons.
2. Background colour
You can easily change the background colour of the map which is usually visible when the map is loading. Click on the default white circle and choose a colour.
3. Disable default UI
The User Interface is one of the most important parts of any program because it determines how easily you can make the program do what you want. We recommend the default settings.
4. Disable double-click zoom
This option allows you to control if your Customers could zoom the map with a double-click on the map.
5. Enable dragging of the map
This option allows you to control if your Customers could drag the map.
6. Use keyboard short cuts
This option allows you to control if your Customers could use keyboard short cuts.
7. Map Maker
This option allows you to control if your Customers would see the Map Markers. We recommend the default options in which the Map Markers are enabled.
8. Display map type control
This option allows you to control if your Customers would have the option to change the Map View. We recommend the default options in which the Map type control is enabled.
9. No clear
It allows you to control the clear cache property of your Google map display.
10. Overview map control
The Overview Map control displays a thumbnail overview map reflecting the current map viewport within a wider area. This control appears by default in the bottom right corner of the map and is by default shown in its collapsed state.
11. Pan control
The pan control displays buttons for panning the map. This control appears by default in the top left corner of the map on non-touch devices. The Pan control also allows you to rotate 45° imagery, if available.
12. Rotate control
This option allows you to control if your Customers would have the option to rotate the Map View.
13. Scale control
This option makes it possible for the scale on your map to be measured accordingly.
14. Scroll wheel
This option allows you to control if your Customers could zoom in/out by the scrolling button.
15. Street view control
This option allows you to control if your Customers would have the option to switch the Map to Street view.
16. Zoom control
This option allows you to control if your Customers could zoom in/out on the Map.
Configuring Contact information
From the Contact Widget Menu, you can also enable your contact form and personalize your contact information. The contact form allows your customers to send direct queries.
You can easily control the following options:
Show contact form
This is the place where customers have to fill their email address, subject, and content of their question, requirement. Here you can choose from the drop-down menu if:
- Yes – the contact form will be shown and your customers will have the option to send you a message.
- No – the contact form will not be shown.
Show custom contact information
This is the input field where you can write a short presentation of your customer service and welcome your customers to send you a message. You can choose from the drop-down menu if:
- Yes – the content of the input box below will be shown.
- No – you won’t fill the input box below, and your Customer will not see additional information.
Contact information text
This is the input box which you can fill with additional information for your Customers. You can easily customize your text using different fonts, colors, etc.
Custom contact information
Essentially the same box, however, it appears only if you've enabled the custom contact information.
Click on Save Widget and you are all set.