The Store Locator Plus® SaaS platform works for any web platform or application the supports embedded JavaScript. All of the popular website tools including WordPress, Wix, Weebly, SquareSpace, Joomla, Ghost, and Django support embedded JavaScript. We’ve even seen sites running NetSuite and SalesForce embed Store Locator Plus® maps.
You can add custom CSS rules to WordPress to style your directories and location maps without having to wait for a custom Store Locator Plus® style or a theme that supports full CSS rules. WordPress has a built-in CSS customization tool that applies to all pages on the site.
You can use this custom CSS tool to do things like format the MySLP SaaS, or WPSLP plugin, directory listings.
How To Add Custom Rules
Login to your site as a site administrator.
Click on the Customize menu entry in the admin toolbar.
Click on Additional CSS in the sidebar.
Enter a fully qualified CSS rule.
This example is used to style the MySLP SaaS directory listings on the site. MySLP is a pure JavaScript embed implementation and requires the site hosting the embed to add extra CSS rules. The output changes the MySLP Directory state selector from a vertical list to a horizontal list as shown on the MySLP Directory page.
Our software-as-a-service platform, MySLP, runs on many different web builders and mobile frameworks. If you are using MySLP you cannot easily create pages that contain the [slp_directory] shortcode used in the Store Locator Plus WordPress plugins. There is another way to do this with our SaaS offering.
This new MySLP feature makes it easy to add a directory of locations to any platform. Display your location directory on Weebly, Wix, WordPress, or any website management platform that supports JavaScript.
The Embed Code
When using MySLP you typically add your locations and set your map experience properties. The next step is to go to the Generate Embed page on your account dashboard to get the JavaScript needed to display the locator search form and map on your site.
Standard MySLP output with default embed code.
Embed Code For Directories
When displaying a directory, you normally do not want the location search and map to appear. You can use the data-presentation attribute with your script to tell MySLP what type of location presentation you would like to show on your site.
Here is a full script example from our test server — you can see where we added data-presentation=”directory” to the standard embed script.
Adding data-presentation=”directory” to the script will use the directory style presentation where the <script…> embed appears versus the standard MySLP output.
Default Directory Presentation
The default setup for the directory style presentation is to show a list of states (or provinces) in a list.
Clicking on a state will show a list of locations using the results layout configuration you have set for Store Locator Plus®.
By default there is no search form, map, Store Locator Plus® tagline, or distance displayed.
An example of the Directory output with MySLP SaaS showing results after clicking the FL link.
Styling The Output With CSS
You can style the directory output by manipulating the CSS on the site where the script has been embedded. The method for adding custom CSS will depend on the platform you are using to host your site.
Experience Add-On or Professional level MySLP SaaS
The Experience Add-on for WordPress SLP plug-in , or the Professional level or higher plan for MySLP Software-as-a-Service application allows you to customize the layouts, the map interface, and the search form to display in a certain manner on the front end of your locator page
Search Layout
Search Layout is found under the Settings tab on the Search panel.
This setting allows the search form layout to be modified via a text setting. If the Search Layout field is left blank the default search form layout and your SLP style is used. If Search Layout is modified the layout will take precedence over most of the Search Form settings and the basic Store Locator Plus.
Store Locator Plus uses the built-in WordPress internationalization and localization tools to translate the interface text into various languages. Store Locator Plus plug-in is part of the WordPress Translate project. You can contribute translations for the base plugin at the Store Locator Plus directory at WordPress Translate.
(This page has been updated to reflect the changes in Google Cloud Platform API changes)
Most likely reasons;
You moved your site or changed the domain name and did not change your Google Map API key or , as of JUNE 2018 Google API changes, did NOT ADD BILLING TO YOUR API KEY . See Getting Started
If you have the Power add-on and are using the import function , your csv file is incorrect, or your header rows are not accurate, or they have wrong field names, the columns may be misaligned and the data field for an address could not import and/or does not geocode. Check your import message log.
Google does not recognize an address. See FAQ post
Premier Subscription Licenses must be validated on the primary site of a multi-site install. This is typically the FIRST site in your site list, but can be changed via wp-config. If you are using multi site you should know which site is the primary Blog ID. Adding your Premier id and your license on your sub sites will not validate the WPSLP Premier license. (This information only applies to WordPress SLP and not MYSLP.
Communication with the SLP license server is required for any licenses to be validated. You can check if standard web requests are working between your WordPress install and SLP. This can be tested from within your PHP environment with a simple PHP script that uses a ‘curl’ or ‘file get contents ‘operation.
You can also click on the Store Locator Plus / info tab in the back end of the plug-in. If you are seeing “Latest News” with fairly current dates then the problem is most likely not a blocked communications via a firewall. In those cases the issue is most likely an incorrectly typed subscription ID or you have entered the info on the wrong site of a multi-site install.
MYSLP subscriber with the Professional level or Enterprise level plan , allows you to customize the style sheets ( CSS ) for Store Locator Plus map, results, and search layouts. There are additional styles also available with the higher level plans making it less likely that you will need to use custom styling sheets. If you are adding CSS to the SLP. The CSS field is under Settings/View under the various locator styles.
If you are an Enterprise level subscriber and need a style to work with your general theme, you may wish to contact us. Any CSS updates entered will be retained in future updates .
For WordPress SLP plugin users, The Experience Add On is available to purchase for the self managed WordPress SLP plugin , the CSS is stored in the WordPress options table.
Load locations does not replace the csv file import functionality available to the MySLP Professional or Enterprise level plan subscribers but it can be used to load basic location data from your WordPress Store Locator Plugin (such as WP Store Locator Plus®,) into your MYSLP account. (The basic load will not load category tables. You would need to use import csv file for that.)
This functionality can be found from the MYSLP account, the SLP sidebar tab and under Locations as shown in the screenshot below.
The loader supports loading locations from WordPress sites running the WordPress Store Locator Plus plugin.
If you are using a locator or directory plugin other than Store Locator Plus, please contact us to discuss the possibility of beta testing if it does not load.
Our MYSLPEnterprise level users or WPSLP Premier subscribers will find several additional map controls to enable or disable built-in Google Map elements. A simple checkbox allows users to turn the Full Screen and zoom controls on or off in addition to the previously-available Hide “Stick Man” , scale, and type controls.
This option is also available to WordPress plugin users with an active Premier subscription.
The WPSLP Power Add On or MySLP/Professional plan allows you to import CSV files with several options. View the information under SLP/Locations/Import . You have various options to consider when determining how to update locations that match your pre-existing locations.
Options available on how to handle duplicates: Choose to Add, Skip, and /or Update.