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 type="module" src="https://d2toxav8qvoos4.cloudfront.net/latest/wheelbase-widget.js"></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 type="module" src="https://d2toxav8qvoos4.cloudfront.net/latest/wheelbase-widget.js"></script>
</body>
</html>Available Components
Four 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 |
<landing-widget> | Standalone date selector that redirects to a URL with the dates as query params |
Each component’s full attribute reference lives under Components.
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.
Heads-up — third-party font: the widget loads the Inter typeface from fonts.googleapis.com so its UI matches the design across host sites. If your CSP doesn’t include fonts.googleapis.com / fonts.gstatic.com, the widget falls back to the host page’s font stack (no broken UI, just different typography). If you need to avoid the Google Fonts request entirely (GDPR/CSP concerns), reach out — we’re tracking an opt-out via a no-default-font attribute.
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