Widget format · Floating badge
One install covers every page of the site.
A small pinned badge that follows the shopper from page to page and opens the full quote in a dialog. Add it once to your site template and every page can quote delivery.
Live demo · sandbox key
Real prices on a sandbox key. Bookings made here are simulated and never become orders.
Embed code
<div data-atv-widget
data-widget-key="YOUR_WIDGET_KEY"
data-mode="badge"
data-position="bottom-right"
data-origin-zip="84047"></div>
<script async src="https://www.autotransportvehicle.com/embed/v1/widget.js"></script>| Attribute | What it does |
|---|---|
data-mode="badge" | Renders the pinned badge. |
data-position | bottom-right (default), bottom-left or inline. |
data-origin-zip | A sensible default pickup ZIP for the site; the buyer can change it. |
data-accent / data-theme | Brand color and light or dark. |
Coverage in one step
Most dealer website platforms let you add a snippet to a global footer or tag manager. Put the badge there and every page on the site, from inventory to service specials, gets a way to price delivery. It is the fastest way to find out how often your shoppers want a shipping price.
Placement and conflicts
Many dealer sites already run a chat bubble in the bottom-right corner. Set data-position to bottom-left to avoid stacking. If a page should not show the badge, leave the host element out of that template. The inline position renders the badge in the page flow instead of pinning it, which is useful inside a contact or delivery information page.
Pair it with page-level formats
The badge does not know which vehicle a shopper is looking at unless your template passes it. For higher conversion on vehicle pages, add the price strip or quote form there with the vehicle prefilled, and keep the badge for the rest of the site. Groups running many rooftops should read the dealer groups page.
Questions
Will the badge cover our chat widget?
It can if both sit in the same corner. Use data-position="bottom-left" to put the badge on the other side, or use the inline position on specific pages.
Can one dealer group use the badge on several websites?
Yes. Each site origin must be approved on the partner account, which protects your key from being copied to other sites. The same key can cover several approved origins, or each rooftop can have its own key for separate reporting.
Industries that use it
- Dealer groupsGroups win on reach: one shopper can browse every rooftop in a region. Put a delivery price on all of them with one template change, and see which stores and vehicles drive shipping demand.
- Franchise dealersYour inventory already reaches buyers several states away. An instant delivery price on the vehicle page answers their last question and turns transport into a booked order, without your team quoting or dispatching anything.
- Collector and classicCollector buyers rarely live near the car, and they care how it travels. Quote enclosed transport by default on high-value listings so the buyer sees the real cost of getting the car home.
Guides
Terms on this page
Other formats
- Quote formVehicle detail pages · Online checkout and deal jackets · Auction won-vehicle pages
- Price stripDirectly under the sticker price · Mobile vehicle pages · Listings with little free space
- ButtonSearch results cards · Sidebars and footers · Comparison and saved-vehicle pages
- JSON quote APIOnline marketplaces · Custom checkout flows · Internal sales tools
- Tracked quote linkSold-car follow-up emails · Newsletters and texts · Partners without website access
Put a live shipping quote on your pages.
Free to apply and embed. Every quote and booking from your key is attributed to your account.