Quick Start

Embed the Wheelbase widget directly into your website using web components. This gives you full control over placement and styling.

Installation

Add the widget script to your HTML <head> or before the closing </body> tag:


<script src="https://d2toxav8qvoos4.cloudfront.net/latest/wheelbase-widget.umd.cjs"></script>

Add the Component

Place the web component where you want the shop to appear:


<wheelbase-store dealer-id="YOUR_DEALER_ID"></wheelbase-store>

Complete Example


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>My Rental Site</title>
</head>
<body>
  <h1>Welcome to Our Rentals</h1>
 
  <wheelbase-store dealer-id="YOUR_DEALER_ID"></wheelbase-store>
 
  <script src="https://d2toxav8qvoos4.cloudfront.net/latest/wheelbase-widget.umd.cjs"></script>
</body>
</html>

Available Components

Three components are available for different use cases:

Component	Description
`<wheelbase-store>`	Complete rental store with filters and listings
`<wheelbase-rentals-list>`	Just the rental grid for custom layouts
`<listing-details>`	Individual rental details and booking

Embedding in Wix, Squarespace, or similar platforms? These platforms load code snippets inside iframes. The widget handles this automatically - checkout will open in a new tab to ensure a smooth booking experience.

Verification

To verify your installation is working:

Open your browser’s developer console
Check for any JavaScript errors
Look for the rental listings to appear
Test the filters and interactions