Car Search

This section documents all JavaScript custom events dispatched by the Carposé Car Search component. These events allow integration with analytics tools, marketing platforms, or custom logic. Carposé itself does not track user behavior; manual implementation is required.

Car Selected Event

Dispatched when a user clicks on a car card to view details.

Event Name: carpose-car-select

Event Data:

{
  message: "Car select",
  type: "car",
  data: {
    id: "car-456",
    name: "Renault 4 E-Tech elektrisch Evolution 120 Urban Range",
    offerNumber: "OF123456",
    manufacturer: "Renault",
    model: "4 E-Tech"
  }
}

How to Listen:

document.body.addEventListener('carpose-car-select', function(event) {
  const carData = event.detail.data;

  console.log('User selected car:', carData.name);
  console.log('Manufacturer:', carData.manufacturer);
});

Car Contact Modal Open Event

Dispatched when a user opens the contact modal for a car.

Event Name: carpose-car-contact-modal-open

Event Data:

{
  message: "Car contact modal open",
  type: "car",
  data: {
    id: "car-456",
    name: "Renault 4 E-Tech elektrisch Evolution 120 Urban Range",
    offerNumber: "OF123456",
    manufacturer: "Renault",
    model: "4 E-Tech"
  }
}

How to Listen:

document.body.addEventListener('carpose-car-contact-modal-open', function(event) {
  const carData = event.detail.data;

  console.log('Contact modal opened for car:', carData.name);
});

Car Contact Event

Dispatched when a user successfully submits a contact form for a car.

Event Name: carpose-car-contact

Event Data:

{
  message: "Car contact",
  type: "car",
  data: {
    id: "car-456",
    name: "Renault 4 E-Tech elektrisch Evolution 120 Urban Range",
    offerNumber: "OF123456",
    manufacturer: "Renault",
    model: "4 E-Tech"
  }
}

How to Listen:

document.body.addEventListener('carpose-car-contact', function(event) {
  const carData = event.detail.data;

  console.log('Contact form submitted for car:', carData.name);
});