VDP Client Style Guide
Vehicle Display Page (VDP) Client Style Guide
What Is the AutoPlay Vehicle Display Page (VDP)
The AutoPlay Vehicle Display Page (VDP) is a templated, plug-and-play listing solution. We provide ready-to-use scripts that display your vehicle inventory directly on your website without requiring custom development.
Once scripts are placed, your listings automatically appear and stay up to date, pulling live data from AutoPlay.
This approach is ideal for dealerships that want a clean, modern vehicle listing experience without the cost or time of a fully custom build.
What AutoPlay Provides
Auto-Updating Inventory
Vehicles are pulled directly from AutoPlay
Listings update automatically as stock changes
No manual updates required once live
Can select which yards listings display on VDP page.
Core VDP Page Types
Real-world examples of these pages can be seen on:
Miles Group - https://www.milesgroup.co.nz/used-vehicles/
4 Guys - https://www.4guys.co.nz/vehicles
1. Primary Search Page
A searchable listing page where customers can:
Filter by price, make, model, year, mileage, and more
Sort results based on their preferences
Browse inventory in a clean grid layout
Option of Horizontal search and filter that disappears with scrolling or persistent vertical filter on left hand side.
2. Vehicle Detail Page
An expanded view of a selected vehicle, including:
Full image gallery
Vehicle specifications and features
Pricing and key highlights
Calls to action such as enquiry or favourite
3. Favourites Page
Customers can:
Heart vehicles they like
Compare saved vehicles side by side
Return later to review shortlisted stock
4. Embedded Search Box
A compact search component that can be embedded on:
Home pages
Landing pages
Brand or promotional pages
These can have custom search filters
Styling & Customisation Options
The VDP is a templated solution, meaning styling options are intentionally limited to ensure stability and performance.
Available customisation includes:
Primary and secondary button colours
Filter highlight colours
Choice of search bar layout (horizontal or vertical)
Custom search filters for specific makes, models, or categories
Removing or adding filters and buttons
Important note:
VDP is not designed for fully custom UI or UX builds. For advanced custom layouts, a Listing API option is available on request
Ongoing Improvements & Feature Requests
Our VDP pages are actively maintained and improved.
Feature requests can be submitted for discussion and possible future development.
Next Steps to Go Live
To begin setup, we will need:
Confirmation of which yards or sites to include
URLs where scripts will be placed, these can be temporary testing URLs or we can provide temporary pages on our own test side for reviewing process.
Theme colours for basic styling. Primary and Secondary Hex values.
If the site is already live, we recommend creating test pages that are hidden from navigation for the duration of testing phase.
Client Details required:
Include the full URL including http://
Search Page URL
Vehicle Detail Page URL
Favourites Page URL
Primary Hex Colour
Secondary Hex Colour
Defaults can be applied initially and adjusted once reviewed.
Screenshot Examples
To help visually understand what is possible, the following screenshots are viewable.
1. Vehicle Search Page
Shows overall look and browsing experience.
Main area for
2. Vehicle Detail Page
Provides user with expanded vehicle information and forms to apply for further contact with dealership
3. Favourites / Saved Vehicles Page
Gives user a quick comparison of vehicles.
4. Embedded Search Box Example
Purpose
Shows how the VDP search component integrates into an existing page.
Related Articles
AutoPlay VDP (Vehicle Display Page) Provisioning
Overview The AutoPlay VDP Pages are the next evolution from the APSR pages that are on many AutoPlay data clients websites. The VDP pages have been refreshed and modernised to offer a much more configurable experience to complement dealership ...AutoPlay VDP ( Vehicle Display Page) CSS Style Guide
Overview Below is a stepped guide as to the colour editable options of the VDP Page. Some of these elements below control the colours in multiple areas across the different pages, so please apply these carefully. The headers below are taken directly ...AutoPlay Vehicle Display Page - CSS Colour Guide
Overview Below is a guide as to the editable colour options of the Vehicle Display Page (VDP). Caution: Some of these elements below control element colours in multiple areas across the different pages, please apply carefully. The headers below are ...EMD Special Price Updates
Overview This guide is designed to show EMD users how to update their vehicles special price within AutoPlay. This data is supplemental to the existing automatic data feed that is received from their Incadea system How To Update Listing Special ...Role Management - Automate Virtual Video & Manual Virtual Video
AutoPlay clients that utilise AutoPlay Vehicle Display Pages or send Live Leads eDM's can build Virtual Demo Videos for each one of their listings. If you have the Data Management or Full Pro Packages, AutoPlay would have set up the 'Automate ...