WP Multi Store Locator Pro

Introduction

The WP Multi Store Locator Pro is a powerful WordPress plugin designed to help businesses with multiple store locations showcase their stores in a professional and easy-to-use way on their websites. This plugin is especially useful for franchises, restaurants, coffee shops, clothing stores, and other companies with multiple branches or outlets. In this tutorial, we will go through step-by-step on how to use the WP Multi Store Locator Pro to add store locations, map them on a website, and manage the settings for your map.

Before You Start

To complete this tutorial, you'll need the following:

1. WP Multi Store Locator Pro plugin installed and activated on your WordPress site: This plugin can be downloaded and installed from the WordPress plugins directory or by purchasing a license from the plugin developers.
2. Map data imported into the plugin: This may involve using an API to retrieve geolocation data, manually uploading CSV or GPX files, or entering data through the plugin's built-in interface.

Tutorial

Setting up the Store Locator Pro

1. Go to the Plugin Settings: To access the plugin settings, click on the "Settings" option in the WP Multi Store Locator Pro dashboard. If you haven't created an account with the plugin yet, you will be redirected to create an account. Once created, you'll be returned to the plugin settings.
2. General Settings: On the "General" tab, configure the plugin settings such as the map type (e.g., Google Maps, Mapbox, or Leaflet), map zoom level, and currency symbol. Make sure the map is configured to load correctly before moving on.

Creating Stores

1. New Store Page: To add a new store, navigate to "Stores" under the plugin menu. Click the "Add New Store" button. Fill in the store name, address, city, state/province, ZIP/postal code, phone number, email, website, and notes.
2. Optional Fields: You can add more custom fields as required for each store by using the provided "New Custom Field" button.
3. Upload Image or Logo: Add an image or logo for the store to identify it more visually on your map. Select an image from your media library, upload a new one, or provide the image URL.

Displaying Maps

1. Page or Post Settings: Select the page or post you want to add the store locator map. You can choose between using the embedded map on your page, or add it as a widget in your sidebar.
2. WP Multi Store Locator Pro Settings: Find the plugin setting block below the content area, typically marked "Store Locator Map" or something similar.
3. Choose Location Filter: In this drop-down, choose how the map should behave:
   • "Display all" to show all stores in the search result.
   • "Location" to show a store at the specified location on the map.
   • "Center map on nearest" to automatically move the map's center to the nearest store to the viewer.
   • "Disable zoom to bounds" to disable automatically zooming in to include all marked points.

Customization Options

1. Colors and Theme: On the "Visual" tab, choose between pre-built color schemes for your map and set background and font colors. Custom CSS stylesheets are available for further styling.
2. Default Icon and Alternate Icon: Choose or upload your icons for displaying different store statuses (e.g., disabled, selected).
3. Label Size and Maximize features: Use the settings "Label size" to modify the label sizes on your map. Under "Map Options" ensure the label size maximization feature (when using responsive layouts).
4. Other customization options: Various options in the settings enable control of the distance range for a specific number of markers. These, of course, depend on how your target audience likes it to engage with their surrounding location-specific stores.

Display the Map on Your Website

1. Select How to Display the Map: You have a few methods to incorporate your store map:
   • Display Embedded: Displays the full map inside a designated post or page on your WordPress site.
   • Use Widgets: You may use these WP Multi Store Locator Pro Widgets (custom widgets designed to include or embed various options on WordPress widgets panels in the 'Appearance -> Customize' window) inside specific parts, like footers or even within header area of different layouts in themes like Enfold by Themeforest.
   • Other methods involve copying JavaScript code (HTML or React components with HTML inside div elements in these scenarios; please read 'Output format' information, found 'WP Multi Store Locator Settings -> Store locator' after clicking the "Settings" button within WPMSLP -> Stores)

Remember, more complex configuration involves manual setting up by means of including a unique store locator button, store page template inclusion, map loading options such as filtering to enable JavaScript execution or use JavaScript library integration (this list not intended to be an exhaustive review).

The information and configurations in these 'output modes' would result in output formats similar as:

In your "header" page template in header area; inside custom part: Map Multiple locations wpmsl-stores

WPMSLP also integrates more with Enfold as default for users like 'The WordPress theme for professionals', as a custom module option can display store list; custom buttons to help guide visitor from page/post footer in layouts or add directly from template for an item. Other examples from templates might feature more integration scenarios:

Here is just to make yourself more acquainted as of example in these code sections - your desired use-case within this, not as definitive for usage If they don't find any code or are stuck due to how you used plugin.

<h4 id='header-content-section'   >map title <   span id='store-location- map'></h4>

The plugin developers themselves might find these helpful but if using, just put all info from manual within
It would certainly prove your intention
As is shown - we
There might never be incompatibilities among themes to these scenarios though; always 
the WordPress plugins compatibility .
However, even, when creating an 
For those custom-made store buttons on our pages/post types you set in that Enfold framework; remember a way will exist but.
These instructions provide insight that this has no meaning

Final thought:
   Once familiar enough, a very intuitive to understand by looking for code sections which give this result for our pages. I would certainly

Let’s move
There, here's that step in place to

How many to have there then be we know as long you go and also here.

A final 
Note about 'store'
### Displayed in HTML in order within HTML sections.
Please use HTML to do for 'more
1 - A for example from where in page template within, if more to read at here on WP
There should.
You've 
got me in HTML from my here for what about, like here we did a section here where my, let
Please the other two more places by  there  'are

Keep your fingers up as now and read as for HTML for my map within any part there that

    This Tutorial.

We’re not ready here with information and I should

These, by what about our other for them that were the only problem you in a here a page but it did then have at that part or so 
WP MS Map to set for, of which my other then one place so for what now as these we  as they go for to in for at my my one other but there.