Integration snippet
<script src="/widgets/whatsapp-enquiry/latest/whatsapp-enquiry.js" data-dealer-name="Dealer Name" data-whatsapp-number="447700900123" defer></script>
Use this page as the front door for local widget QA before production deploys. Each widget has latest and versioned bundles, generated integration documentation, and a copyable script-tag starting point.
Latest points at the newest local build. Versioned URLs are for stable rollout checks.
<script src="/widgets/whatsapp-enquiry/latest/whatsapp-enquiry.js" data-dealer-name="Dealer Name" data-whatsapp-number="447700900123" defer></script>
<script src="/widgets/vehicle-enquiry/latest/vehicle-enquiry.js" data-dealer-name="Dealer Name" data-lead-endpoint="/leads" defer></script>
<script src="/widgets/reserve-a-car/latest/reserve-a-car.js" data-dealer-name="Dealer Name" data-dealer-client-id="dealer-id" data-lead-endpoint="/leads" data-hold-hours="24" defer></script>
<script src="/widgets/vehicle-views/latest/vehicle-views.js" data-advert-id="12345" data-vehicle-title="Vehicle title" defer></script>
<div id="vehicle-gallery"></div>
<script src="/widgets/vehicle-gallery/latest/vehicle-gallery.js" data-target="#vehicle-gallery" data-images='["/car-1.jpg","/car-2.jpg"]' defer></script>
<div id="sell-your-car-widget"></div>
<script src="/widgets/sell-your-car/latest/sell-your-car.js" data-target="#sell-your-car-widget" data-dealer-name="Dealer Name" data-lead-endpoint="/leads" data-lookup-endpoint="/api/lookup" defer></script>
<div id="contact-form-widget"></div>
<script src="/widgets/contact-form/latest/contact-form.js" data-target="#contact-form-widget" data-dealer-name="Dealer Name" data-lead-endpoint="/leads" defer></script>
<script src="/widgets/ai-chat/latest/ai-chat.js" data-dealer-client-id="dealer-id" data-dealer-name="Dealer Name" data-chat-endpoint="https://ai-chat.carous.co.uk/chat" data-primary-color="#067a74" defer></script>
<script src="/widgets/support-chat/latest/support-chat.js" data-dealer-name="Dealer Name" data-whatsapp-number="447700900123" defer></script>
<div id="delivery-calculator"></div>
<script src="/widgets/delivery-calculator/latest/delivery-calculator.js" data-target="#delivery-calculator" data-origin-postcode="LE8 0AB" data-tiers='[{"minMiles":0,"maxMiles":25,"flatPrice":0,"label":"Local — free"},{"minMiles":25,"maxMiles":100,"flatPrice":99,"label":"Regional"},{"minMiles":100,"maxMiles":250,"flatPrice":199,"label":"UK mainland"},{"minMiles":250,"pricePerMile":0.85,"label":"Long distance"}]' defer></script>
<script src="/widgets/ai-search-prompt/latest/ai-search-prompt.js" data-dealer-id="10020790" data-dealer-name="Dealer Name" data-template="card" data-position="bottom-right" defer></script>
<script src="/widgets/visitor-chat/latest/visitor-chat.js" data-dealer-name="Dealer Name" data-dealer-client-id="dealer-id" defer></script>