Below is the code support to implement ClearCar QuickQuote into your dealer website.
This document contains the developer instructions for deploying the ClearCar QuickQuote application on a dealer’s website. It is intended for use by the developer/support team responsible for deploying the QuickQuote application website. It can be hosted on any suitable location where a dynamic banner can fit in - e.g., Search Results Page, Vehicle Display Page, or even the home page.
QuickQuote is an application to source leads for trade-in/sale by providing an estimated vehicle value to intending consumers. In less than 1 minute, consumers can receive a price range estimate for their vehicle. The consumers need to provide basic vehicle information and contact details to receive the their QuickQuote.
Add JavaScript snippet. Insert code snippet at the start of <body>
. There should only be one <script/>
that loads drivably.js
. Delete duplicates.
Add HTML container. Define app mount point with drvtrd-quick-quote element ID. Insert element on a specific location. Container should have no children. Store ID 87 is only an example. Use the ID assigned by the ClearCar team. HTML attributes are available to customize features.
<div
id="drvtrd-quick-quote"
data-store-id="87"
data-country="UNITED_STATES"
data-banner-heading="Get your car’s value now"
data-banner-sub-heading="Discover your vehicle’s value in under a minute."
data-banner-car-url="https://img.freepik.com/free-vector/white-convertible-car-isolated-white-vector_53876-66815.jpg?w=1380&t=st=1715661957~exp=1715662557~hmac=fd7329dc95b6095a68e058ccdaf90f8d966b98f1598530dc238fa61f1fd25861">
</div>
Example representation:
If the above instructions are followed, a dynamic banner similar to what is shown below will appear on the website location: