The PureMoto Network empowers local brick & mortar stores by surfacing inventory information directly to those customers at peak engagement. Learn more.
This document services as documentation for enabling Brand Partner websites to display live inventory levels for their products in local brick & mortar stores.
Please send a copy of the SKUs on your website containing the Product URL, Product Name, Image URL SKU/Part Number and a column for each alternate sku that shops use to represent your product (for example distributor sku). Send this to [email protected]. Once this step is completed you will be sent a Site ID which is needed for Step 2.
The PureMoto Wiedget snippet is a block javascript code that needs to be placed in your website product page template. Copy and paste it into your product page template above the closing </body> tag. Then, replace the SITEID ########-####-####-####-########## with the ID that was provided to you. To work properly, please ensure that the snippet is only included once (1x) per page.
<script>(function(){var e=window,o=e.PureIRL=e.PureIRL||[];if(!o.init)if(o._isLoaded)e.console&&console.error&&console.error("PureIRL snippet included twice.");else{var n=document;o._isLoaded=!0,o.load=function(){var e=n.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://puremoto.com/irl/api/embed";var o=n.getElementsByTagName("script")[0];o.parentNode.insertBefore(e,o)},o.VERSION="0.0.1",o.SITEID="########-####-####-####-##########",e.addEventListener("load",()=>o.load("panel"),!1)}})();</script>
Next you will create an button and action for your website visitors to launch the Find in store experience along with a unique SKU for a variant (i.e. size/color/specific fitment).
The SKU should be added to the button as a data attribute in the format: data-pureirl-sku=”[variant sku]”
By default ‘Find in store’ will launch with pre-selected options based on the product variant that matches the sku in the data-pureirl-sku attribute. This is the required method for fitment-based products (tires excluded - they can still used this method). You can override this with another data attribute in the format: data-pureirl-preselect-enable=”false” . Doing so will require the user to select all product options inside the widget before any dealers or inventory will be presented. In this mode, an indivdual variant sku is only used to identify the parent product and is still required.
<button type="button" data-pureirl-sku="2010020-12-10">Find in-store</button>
You can see a live example of this using the TRY IT OUT call to action here
The PureMoto Network widget offers a dealer locator feature that can be easily integrated into your website, similar to the “Find in store” button. This button should be placed in a prominent location on your website and will launch the dealer locator experience.
Ensure that the button or link has the attribute data-pureirl-locator="true". This attribute enables the functionality of the Dealer Locator.
Once implemented, your customers will be able to access the Dealer Locator by clicking on the designated button or link. They can then utilize the filtering options to find nearby retailers based on ride type (Off-Road, Street, ADV, etc). The user can provide their current location or enter a zip code.
<button type="button" data-pureirl-locator="true">Dealer Locator</button>
Here is a working example which can be installed to run locally during setup and testing puremoto-network-widget.zip.
If your products are found in dealers using a different SKU (such as one or several different) distributor skus, you will need to provide a mapping file to [email protected] containing the sku you use on your website mapped to the various skus that dealers may be using to sell this product. This can be provided in csv format and will need to be updated each time new products (please reach out to our team if you would like to automate the updates).
At time of implementation you provide the following information for skinning of the widget in the form of primary and secondary color using RGB values to [email protected].
Your Site ID is restricted to your brand website root domain. You can test using (like in the working example) localhost:3001 or localhost:3002 for testing purposes. If you have a staging or development site you would like to add to the whitelist - please provide that URL to your account manager.
In this case you can call window.PureIRL.enableButtons() after you know that the attribute has been rendered.
Our recommendation is to have a single button per page where the consumer selects their options/fitment. However in a pinch or if you have a grid of fitment based SKUs on a page it is possible to include a button for each SKU.
For any additional questions, plese contact [email protected].