Iframe script


You can find detailed information about vehicle-specific web integration here.

Script for the embedded individual Vehicle Page



<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-rental="XXXX" data-color="000000"></div>

What do I do with it?


  • To integrate the embedded individual Vehicle Page on your website, you must first get access to the website back office.

  • Once you have access to your back office, it's all about inserting a "template" (different tools will use different naming but they usually called those template widget, iframe, HTML ...)

  • Copy the above script and replace the XXXX in data-rental=“XXXX” with the specific rental ID # of the individual vehicle. Please click the button below to learn how to find your rental ID in Wheelbase:

  • Once done, it's as simple as pasting the script into the template you've added to the webpage where you want to place your individual Vehicle Page iframe component.

How to use with Wordpress


Alternatively, if you have 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 https://github.com/outdoorsy/wheelbase-wordpress-plugin Installation instructions included in the README

  2. On any page where you want to embed the storefront, simply add the correct shortcode

[wheelbase rental="XXXX" color="000000"]
Did this answer your question?