How To Use
Drop the following code onto the site to embed the storefront into the site. Website builders have an option to enter a "code" or "html" block to the page. Once selected, copy and paste the code below into the page/box.
See below for how to use with a Wordpress site.
NOTE: You will be replacing the "XXX" next to "data-owner" at the bottom of that code snippet with your user ID. Confirm your user ID with a support representative using the live chat.
<script type="text/javascript">
var Outdoorsy = Outdoorsy || {};
Outdoorsy.color = "1b4a8f";
(function() {
var script = document.createElement("script");
script.src = "https://d3cuf6g1arkgx6.cloudfront.net/sdk/wheelbase.min.js";
script.async = true;
var entry = document.getElementsByTagName("script")[0];
entry.parentNode.insertBefore(script, entry);
})();
</script>
<div id="outdoorsy-book-now-container" data-owner="XXX" data-color="000000"></div>
For customization of embedded iFrame click here
How to use with Wordpress
Alternatively, if the customer has a wordpress site, there is a simplified plugin to help get things setup. This is necessary cause wordpress blocks scripts from loading inside posts sometimes.
- Install the plugin located at https://github.com/outdoorsy/wheelbase-wordpress-plugin Installation instructions included in the README
- On any page where you want to embed the storefront, simply add the correct shortcode
[wheelbase owner="XXX" color="000000"]
If you want to learn how to set up an alternative iFrame layout with different views of the filters please check out our article below