Store locator on Google Maps with radius module for HubSpot
Manage multiple locations or services on Google Maps with options to search for locations and specify distance
Do you need to list all your stores, branches, or offices on Google Maps? With our Google Maps API V3 store locator with radius, you can show customers your nearest locations based on certain categories, distances or areas.
leadstreet's custom module for HubSpot functions as a Google Map Positioner. You just have to provide the store details on the fields. Access it here.
To set this up, you will need:
-
Google Map Javascript
-
Google Places API
Activate the following API libraries:
- Google Places API
- Google Map JavaScript API
- Google Distance Matrix API
How do you set up this custom module for HubSpot?
To properly install the Store Locator on Google Maps with Radius, you can:
- Add the module to a template.
- Add all your stores in the module. Include the names, addresses, images, geolocation etc.
Or add your services to a map on a different location.
What are the options?
- Your stores/services will be positioned on the map, and a popup can show extra data + images.
- You can list them in different positions: above, below, left or right of the map.
- A drop-down filter can be displayed on top.
- You can search for locations and specify the distances.
- Select a service/location on the list to high-light the marker on the map.
- You can add lD+JSON struct data to inform Google about each store’s telephone number and opening hours.
A reminder: Please ensure structured data is implemented correctly, or consult web development experts within your team or at leadstreet. Because, improper implementation of structured data may negatively affect your website’s performance.
Manage the locations with JSON
JSON is a built-in option of the Store Locator module.
- First convert your XLSX to JSON output.
- Create a XLSX with all your locations. Find here a demo XLSX.
- Use this link to convert your XLSX to JSON
- Update the category in JSON
- Open the JSON in a notepad (Notepad++ on Windows or Sublimetext on Mac)
- Add [ ] brackets around the category on each category line
- Copy the updated JSON and add it to the Store locator module
- Enable "Use JSON instead"
- Paste the updated JSON (from ii)
- Update your webpage
A large number of stores or services?
Do you have a large number of stores or service?
For a one-time setup fee, leadstreet can integrate the module to HubDB . Unlike other Google Maps solutions, this service does not involve any recurring monthly costs.
Need more information on the Store Locator?
Need more information on the Store Locator on Google Maps with Radius?
Check the following:
- Get Started with Google Maps Platform > click here
- Pricing Google Maps Javascript API Using and Billing
- Pricing Google Places API Using and Billing
- Check the module in a page with no styling
Any Questions
Please contact our support team via this form