We now have an alternative layout for the web integration iFrame for your company website. This gives you a bit more flexibility in choosing the appearance that suits you best.  

Benefits

  • can increase conversion
  • simple layout to reduce confusion
  • more modern look 

The new layout is optional and can be implemented through the simple addition of a piece of code to your current iFrame on your website. The full iFrame code with this added tag is available at the bottom of this article.  

The new piece of code to add within the div tag: data-newfilters="true" 

Location of where to add code to existing iFrame code: 

What will it look like? 

Once added, the filters will rise to the top of the view and can be accessed by clicking on them, as demonstrated below. 

How can I test out this interface? 

If you want to test this out, send a message to the Wheelbase Support Chat and we'll provide you a personalized link of your booking integration with your vehicles in the newly updated layout! Just click the blue bubble in the right hand corner 💬😃

How to add to your website

  • Copy and paste the full iFrame code below to utilize this on your website
  • Remember to replace the XXXX in data-owner=“XXXX” to your Wheelbase User ID #
  • Don't know your Wheelbase user id #? The support team can get that to you right away via the support chat bubble

<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="XXXX" data-newfilters="true" data-calendar=false data-color="000000"></div>

Did this answer your question?