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 = "";
      script.async = true;
      var entry = document.getElementsByTagName("script")[0];
      entry.parentNode.insertBefore(script, entry);

<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.

  1. Install the plugin located at Installation instructions included in the README

  2. 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

Did this answer your question?