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

<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 a very lightweight plugin that allows wordpress users to embed the wheelbase checkout app into their site.This is necessary cause wordpress blocks scripts from loading inside posts sometimes.

Wheelbase Wordpress Shortcode Installation

Zip up the wheelbase-shortcode.zip file and upload it to the plugins directory in Wordpress. Alternatively, you can upload it through the plugins interface in your

Wordpress dashboard.

Add to your webpage

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

[wheelbase rental="XXXX" color="000000"]

How should it looks like once integrated? See an example below:

Did this answer your question?