Carposé Components Documentation

Welcome to the developer documentation for Carposé embeddable components — the widgets that display vehicle inventory, offers, stores, and team members directly on your website.

How integration works

Every component is added to your page with a single <div> carrying a data-carpose-component attribute and your API key. The library loads the component, renders it inside an isolated Shadow DOM, and initialises it automatically.

First, load the integration script once:

<script type="text/javascript" src="https://integration.carpose.app/integration.js"></script>

Then drop in any component:

<div
  data-carpose-component="vehicle-search"
  data-api-key="your-api-key"
  data-search-url-forward="/search-results"
></div>

Refer to each component's page for its specific configuration options.

Components

• Display & info components — image and 360° viewers, vehicle sliders, CO2 and consumption labels, wishlist, comparison, the budget calculator, and the floating-buttons overlay

• Vehicle search modules — the full search form, compact and AI search, the configurator, types browser, and vehicle groups

• Offer modules — promotional offer sliders and detail items

• Events — the DOM events components emit, with integration examples, plus the built-in Google Tag Manager bridge and its consent gate

• Misc modules — Shadow DOM architecture, static form values, stores, and employees

Integrations

• React integration — the standard script integration

• Wix integration — embedding the vehicle search on Wix via a Custom Element

• Model Context Protocol — exposing inventory data to AI assistants (experimental)