Celebrate The Holiday Season With WP Multi Store Locator Click Here To Get 50% Discount.

Google Maps API Settings – Pro Version

 In

Google Maps API Settings

Google Maps API:-

API key A server key allows you to monitor the usage of the Google Maps Geocoding API.
As of June 22, 2016, Google Maps no longer allows requests for new projects that don’t include an API key.
Search in google

Get API Key:-
To use the Google Maps JavaScript API, you must register app project on the google API Console and get a Google API key which you can add to your app.

Quick guide to getting a API Key

Step 1: Get an API key
Click the button below, which guide you through the process of registering a project in the Google API Console, activates the Google Maps JavaScritp API and any related services automatically, and generates a generic, unrestricted API key.

3

Go to the Plugin Settings Click on Initialize Tab Paste API Key in text box and Click on save changes button .

General Map Setting: –

General Map Setting Screen: –

Show map on the frontend
Enable the display of the map on the frontend and show the map submitted shortcode page.

Map width and height
Set the width and height of the wp multi-store locator to show on frontend.

Map type for the google map location preview
Chose any one option from the four options: –
1- Roadmap – display the default road map view.
2- satellite – display satellite images.
3- Hybrid – displays a combination of normal and satellite views.
4- Terrain – displays a normal street map based on terrain information.

Search unit
Set the search unit for measure the distance in kilometer or miles.

Default Map zoom level
Set Default map zoom level in number.

Location Search zoom level
Set Location search zoom level in number.

Search radius options
Choose search options here. the default one will be between square brackets.

Show street view control?
Show street control on the map in the frontend.

Show Map Cluster?
The number on a cluster indicates how many markers it contains. Notice that as you zoom into any of the cluster locations, the number on the cluster decreases, and you begin to see the individual markers on the map.

Scroll to Map top after Search
Click on check box to enable scrolling option after search

Show map type control?
Enable the user to change the map type from the frontend.

Zoom by the scroll on the map?
Enable/Disable zoom by the scroll on the map.

User marker
This marker is a point as per user search on the map.

Or add Custom marker url
The custom marker upload by user as per their choice

Store Marker
The map uses markers to point out the stores on the map.

info window content
You can customize the content of the info window here by adding HTML if you need. Also, you can use the below variables in the content.
<pre>
<div><div>{image}</div><h3>{name}</h3><p>{address} {city}, {state} {country} {zipcode}</p><span>{phone}</span><span>{website}</span></div>
</pre>

Customized Map Style
You can customize the look of the map by adding styles here. You can get some styles from Snazzy Maps.

Grid Settings: –

Grid Setting Screen: –

Show grid on the frontend
Show the results in the grid in the frontend.

Maximum Number of Marker to be displayed
A Select number of stores to be displayed per page.

Autoload results on the scroll
Enable/Disable autoload results when scrolling down.
Displayed Columns
Select the displayed column in the grid in the frontend by order.
Map Result Show on
User can select the display location where search result showing on front end (1) On Map Left side (2) On Map Right Side (3) Below Map

Map Search Options Window Show on
User can select where they wanted to show Search Option on front end (1) On Map Left side (2) On Map Right Side (3) Below Map

Single Page Settings: –

Single Page Settings Screen: –

Link store to a single page?
Enable/Disable when clicking on store go to a single page for more details.

Enter Unique Slug Name
User manually add any unique slug by their choice.

Show feature image of the store??
Enable/Disable the display of feature image of the store in the inner page.

Show map on page??
Enable/Disable showing a map in the inner page of the store.

Displayed Columns?
Select the displayed column in the page in the frontend by order using any tag.

Individual Map Setting: –

How to Setup Individual Map: –

Go to the Maps option under Store Locator and click on Add New Map.

Initialize Map Screen: –

Use global settings
Enable this option to use Default Settings

Map Landing Address
Insert (Address, Country, City, Postal code) to showing defined data on front end.

Map Setting: –

Use global settings
Enable this option to use Default Settings.

Show map on the frontend
Enable the display of the map on the frontend and show the map submitted shortcode page.

Map width and height
Set the width and height of the wp multi-store locator to show on frontend.

Map type for the google map location preview
Chose any one option from the four options: –
1- Roadmap – display the default road map view.
2- satellite – display satellite images.
3- Hybrid – displays a combination of normal and satellite views.
4- Terrain – displays a normal street map based on terrain information.

Search unit
Set the search unit for measure the distance in kilometer or miles.

Directions

In our plugin we have two type of direction:

⦁ On Map Detail Direction
⦁ Redirect to Google Maps

On Map Detail Direction
Use this tools to get the directions between any point using store locator. Enter a city or an address in both the From and the To address inputs. Click Find Directions, and the tool will display the route you need to take to get from your starting location to your end location. The turn by turn directions will be diplayed below the map, and will contain the distance and approximate time it will take to get from on location to the other.

Redirect to Google Maps

Search radius options
Choose search options here. the default one will be between square brackets.

Show Map Cluster?
The number on a cluster indicates how many markers it contains.

On page load get location
Once User Landing on Map page they will get their current location showing on map.

Scroll to Map top after Search
Click on check box to enable scrolling option after search

Show map type control?
Enable the user to change the map type from the frontend.

Zoom by scroll on the map?
Enable/Disable zoom by the scroll on the map.

User marker
This marker is a point as per user search on the map.

Or add Custom marker url
The custom marker upload by user as per their choice

Category Marker for Store
The map user markers to point out the stores on the map as per category wise

info window content
You can customize the content of the info window here by adding HTML if you need. Also, you can use the below variables in the content.
<pre>
<div><div>{image}</div><h3>{name}</h3><p>{address} {city}, {state} {country} {zipcode}</p><span>{phone}</span><span>{website}</span></div>
</pre>

Customized Map Style
You can customize the look of the map by adding styles here. You can get some styles from Snazzy Maps.

Embed Map
You can copy the embed code and then proceed to paste it on the source code anywhere in your website.
Grid Settings: –

Grid Setting Screen: –

Use global settings
Enable this option to use Default Settings.

Show grid on the frontend
Show the results in the grid in the frontend

Displayed Columns
Select the displayed column in the grid in the frontend by order.

Map Result Show on
User can select the display location where search result showing on front end (1) On Map Left side (2) On Map Right Side (3) Below Map

Map Search Options Window Show on
User can select where they wanted to show Search Option on front end (1) On Map Left side (2) On Map Right Side (3) Below Map

Placeholders Settings: –

Placeholders Settings Screen: –

Use global settings
Enable this option to use Default Settings.

Get Location Text Button
Set Get Location Text Button showing on front end.

Enter Location Text
Insert Location Text showing on front end

Select Category
Insert Category you can use on front end

Select Tags
Select pre-defined tags showing on front end

Search Options Button Text
Insert Search Options Button Text showing on front end

Location not found text
Insert Location not found text showing on front end.

Store Categories Settings: –

Store Categories Settings Screen: –
User can manually add categories from back end and search category wise direction like office, clinics, store from front end.

Select Map Layout: –

Map Layout Screen: –
User can select any layout type Custom or Full screen showing on front end as per their requirement.

SERVER API KEY PRO: –

When a server request to the Google Maps Geocoding API to convert an address into a set of Latitude, longitude. This appears when a different location is made in the admin area, or when a CSV file is imported and the Latitude, longitude is not included in the CSV file data.
Click here to Create Server Key.
On the first page, select the project and click ‘Continue’.

On the screen, set the referrer to the IP deliver of your server to limit the use of the key.

Click on the ‘Create’ button, copy the shown API key, and set it in the ‘Server key’ field on the settings page in the ‘Google Maps API’ section of your wp multi-store locator.

Use an Existing Project in The Google API Console

If you have already created a project for your website in the Google API Console, make sure to enable the following Google Maps APIs on the Library > Google Maps APIs page.

⦁ Google Maps JavaScript API
⦁ Google Maps Geocoding API
⦁ Google Maps Directions API
⦁ Google Maps Distance Matrix API
⦁ Google Maps Elevation API
⦁ Google Places API Web Service

2,500 free requests per day. If you need more, then you need to enable billing.
Troubleshooting
If after setting the Server key you get a gray map on the front-end or a gray input field for the start location on the settings page, then there is a problem with the used API key. The only way to find out the exact problem is by checking the console output in your browser.
You can access the console in Firefox with ctrl+shift+k, or ctrl+shift+j in Chrome.
When you have opened the console, reload the page and check for any errors that are identified with Google Maps. The error itself, for the most part, incorporates a connection clarifying the explanation behind the error and how to settle it.

 ADMIN HIGHLIGHTS: –

⦁ Developer friendly code. It uses custom post types and includes almost 20+ different filters that help you change the look and feel of the store locator.
⦁ User can manage Map Settings like Show map on frontend, Map Width, Map Height, Map Type, Search Unit, Search radius options, Enable Search
⦁ Can Add Multiple Maps on Website search like Get my location, Radius field, category field…
⦁ Whether you own a static website, WordPress, Joomla, Drupal or others, you can copy and paste the embed code to publish your store finder immediately without any hassle.
⦁ You can create your own custom map style by either writing your own style code, or you can use existing map styles from Snazzy Maps
⦁ Can manage Stores.
⦁ Customizable Map Markers
⦁ Can manage Sale managers of their added Stores.
⦁ Can manage Store Categories.
⦁ Can manage Store Tags.
⦁ Can add custom marker url
⦁ Select Multiple map layout type
⦁ Can add short code

to show Store Locator.
⦁ WP Multi Store Locator is compatible with WPML, one of the leading multilingual plugins.
⦁ Measure the distances in either km or miles.
⦁ with categories, Enable Search with Tags, show street view control, Show map type control, Zoom by scroll on map, Marker Cluster, Cluster Size, User Marker, and more…
⦁ User can select any layout type Custom or Full screen showing on front end as per their requirement.

 Front-End HIGHLIGHTS: –

⦁ User can search Store from their current location (SSL must be active) and with desired location.
⦁ With Geo Location, wherever location your customers browse your store finder, it will detect nearby stores and display them sorted by nearest to furthest distance. This way, customers can get to your physical without any hassle.
⦁ Slick Collapse-able panel to showcase available categories/tags and available regions which can be fully customized via admin.
⦁ User can search Stores by selected units(km/miles).
⦁ User can search by Selected Store Tags and Categories.
⦁ User can use short code to display search map anywhere in page or post.
⦁ You can easily change your Listing Positions Left or Right
⦁ Edit support for Google Custom Map style
⦁ Search stores by Region
⦁ You can copy the embed code and then proceed to paste it on the source code anywhere in your website.
⦁ On map detail direction from start to end location showing on front end with Detailed Driving direction, Nearby Places and Road map.

SHORTCODES: –

Short codes to display store locator as you like.

Map short code screen: –
You can place map short code anywhere you’d like, and it will add a specific feature to your page, post, or other content.

Customizable Map styling: –

CUSTOM MAP STYLING
Customize Colors and Styles for your store locator to suit your company and website branding / corporate branding. You can change the map color, panel colors, text colors and many more from the administrator’s panel

Search Enable/Disable: –

As an administrator, you can customize point of interest which you can set for your customers to quickly know on your whereabouts.

 Import/Export Functionality: –

Tracker’s import and export features can help you save time with a range of activities. For example, you can move stores, sales managers from a third-party tool or archive stories and epics from a project.
Click here to get WP Store Locator Stores CSV sample file

Import and Exporting Store

Stores, Sales Manager data can be imported and exported to a comma-separated value (CSV) file. The imported and exported CSV file contains column headers as the first row of the CSV file that corresponds to Tracker field names.

import/export Stores, Sales manager.

How to Import / Export Stores Categories.

WP Multi Store Locator supports import/export store addresses with categories in any hierarchical order. The pattern followed by WP multi store locator for categories is described below.

⦁ For a Single Category for store address just add category name in category column.

⦁ For multiple categories add category names separated by | (vertical bar) in category column like

Category1|Category2|Category3|Category4
⦁ For adding child category to any level is just to simply add all category level names separated by “,” (comma). First name will be last child.

Example:

Izmir, Adanye, Artempo
Artempo is parent category of Adanye is parent category of Izmir and only Izmir category is assigned to store with same hierarchy

Note:
All category names are checked before if these exist just used otherwise are added with hierarchy.

WordPress Blocks

⦁ Visual Composer Block
⦁ Divi Builder Block
⦁ Elementor Builder Block
⦁ Beaver Builder Block

STORES STATISTICS

Statistics gives commercial enterprise proprietors valuable insight into store recognition, new store demand, and product performance.
With this enterprise method device, you can:
preserve music of which shops get hold of the maximum search traffic and modify keep inventory to suit call for.
Make knowledgeable decisions approximately where to expand based totally on seek analytics that display the top searched places in which you do now not presently have a shop.
See which product classes perform first-rate and align your commercial enterprise approach to match the call for.
whether you need to preserve tabs on which present store places are the maximum looked for, or plan for business enlargement, intelligence from the facts upload-on can substantially benefit business approach.