Style Guide

— Heroes —

NADA Home Hero

Custom block for NADA hero 2023

NADA Hero Ideal Size
1920 x 614 Desktop/Tablet
767×1034 – Mobile

Interior Hero

Interior hero with headline, body copy and CTA.

If it moves, we help you move it off your lot

No two dealerships are alike, so Autotrader listings packages provide solutions that aren’t one-size-fits-all. Our listing solutions are built to fit every kind of dealership through data-driven personalization that converts a high-quality audience into high-quality leads. Plus, you get the added bonus of exposure on KBB.com.

Interior Hero ideal Size
1920 x 614 Desktop/Tablet
767×1034 – Mobile

Home Hero

This version includes a slideshows/carousel feature that is disabled on the current homepage hero.

Home Hero Ideal Size (video)
1920 x 1080 Desktop/Tablet
(N/A video is responsive)- Mobile

Home Hero Ideal Size (image)
1920 x 614 Desktop/Tablet
767×1034 – Mobile

Image Hero

Occassionally there is a single image that is used as a hero, that does not have text overlay.

Ideal Size
1920 x 614 Desktop/Tablet
767×1034 – Mobile

— Common —

Headline Block

Shows all primary heading styles

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading
H6 Heading

Feature Module

Prominently featured content on the site, included a headline, body copy, CTA and large image/video.

Example 1

Put Best-in-Class Insights & Analytics to Work for Your Dealership

Our nVision platform is the only tool in the industry that provides real-time analytics that are now, more than ever, essential to driving your business. nVision provides inventory insights, shopper behavior and pricing data at your fingertips in one place to power your decisions and strategy.

nVision Analyze Inventory report shown on a laptop computer
Example 2

Introducing Autotrader Voice Search

At Autotrader we never stop innovating ways to make the car shopping experience as easy as possible for consumers. Now shoppers can find the right car faster than ever with their smart speaker. We’ve partnered with Google Assistant and Amazon Alexa for the quickest most convenient way for consumers to find vehicles in their area.

Here are examples of how consumers can interact with Autotrader Voice Search:

  • Start Searching: Ask for a particular make & model or even price or body style.
  • Receive Suggested Models: Try asking, “What’s the top rated SUV of 2020?”
  • Price: Make a request like, “What does a 2018 Toyota Corolla cost?”
  • Vehicle Location: After receiving your search results, ask “Where?”
Autotrader voice search

Stat Module

Display multiple statistics in a series of columns.

comparison graph of autotrader vs competitors
Autotrader’s average gross per lead:
$117
The industry’s highest.?
1.5x
Higher than the nearest competitor.?

Video Module

Display one or two video embeds in a block.

CTA Block

Display one or more CTAs. Includes Large button option

— Collapsible —

Accordion Module

Prominently feature info on the site, including a headline, body copy, CTA and image.

Dealer Solutions

car with ribbon
new vehicles
motorcycles
car with ribbon
Subtitle goes here

Build your brand and bring it to a whole new audience of car buyers with Autotrader products like relevant display ads and listing enhancements that work even harder to get shoppers to say “yes.”

new vehicles

You don’t need a big budget to compete with big dealers. List your used-car inventory on Autotrader and KBB.com to level the playing field.

motorcycles

Right now, someone is looking for the specialty vehicle on your lot. Our refined search experience can ensure you make that connection so that their search ends at your dealership.

Leverage innovative, hard-working digital tools to influence shoppers during their car-buying journey and put your brand in front of an eager audience.

Carousel Module

Module to display image and video slides with an optional CTA.

— Grids —

Product Summaries

Up to 3 columns highlighting various products.

Example 1
vehicle video walkround icon

Video Walkaround

Get virtual car sales started by providing consumers with a personalized video chat session, allowing them to ask questions and get a feel for the vehicle.

Dealer Home Services Test Drive from Home icon

Test Drive at Home

Offer car shoppers the ability to select and receive a no-obligation test drive at their location. (Dealers have the ability to specify the distance.)

Dealer Home Services local home delivery icon

Local Home Delivery

Provide customers the option to start their purchase online and have the car delivered directly to their location to complete their purchase, including paperwork. (Dealers have the ability to specify the distance.)

Example 2

2 Column Grid

Autotrader trends

Explore hot-button, topical industry issues with in-depth, business-building whitepapers that will help you move inventory, increase customer satisfaction and improve operations.

Dealer Advantage blog

Power through quick content like seasonal insights, actionable tips, and upcoming product releases for the information you need to maximize your vehicle advertising and digital marketing strategy.

Latest news

Access up-to-the-minute Autotrader headlines featuring product releases, events, awards and other important announcements.

Columns Block

Display a variable number of columns, including a headline and optional CTAs.

Example 1: Images and copy

Headline 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed risus in nisl hendrerit accumsan eu a tellus. Pellentesque ac hendrerit neque. Morbi ultrices eu lectus at tempus. Aliquam laoreet justo viverra ligula bibendum, sed lacinia lacus posuere. Etiam dictum et arcu nec vehicula. Integer at turpis vehicula, ullamcorper tortor a, finibus mauris. Nullam pulvinar eros volutpat nibh consectetur congue. Fusce id

Headline 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed risus in nisl hendrerit accumsan eu a tellus. Pellentesque ac hendrerit neque. Morbi ultrices eu lectus at tempus. Aliquam laoreet justo viverra ligula bibendum, sed lacinia lacus posuere. Etiam dictum et arcu nec vehicula. Integer at turpis vehicula, ullamcorper tortor a, finibus mauris. Nullam pulvinar eros volutpat nibh consectetur congue. Fusce id

Example 2: Copy only. Adds padding before and after.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed risus in nisl hendrerit accumsan eu a tellus. Pellentesque ac hendrerit neque. Morbi ultrices eu lectus at tempus. Aliquam laoreet justo viverra ligula bibendum, sed lacinia lacus posuere. Etiam dictum et arcu nec vehicula. Integer at turpis vehicula, ullamcorper tortor a, finibus mauris. Nullam pulvinar eros volutpat nibh consectetur congue. Fusce id ullamcorper magna, sed accumsan massa. Sed congue arcu ac sapien efficitur mollis. Proin ac molestie enim. Sed pharetra scelerisque felis, eu feugiat felis rutrum et. Quisque libero tortor, vehicula vel cursus non, egestas eu dui.

Image Grid

Display a 3-column grid of images. Used on Best New Cars page

2021 Acura TLX
2021 Acura TLX
2021 Chevrolet Tahoe
2021 Chevrolet Tahoe
2021 Ford Bronco Sport
2021 Ford Bronco Sport
2021 Ford F-150
2021 Ford F-150
2021 Genesis GV80
2021 Genesis GV80
2021 Hyundai Santa Fe
2021 Hyundai Santa Fe

Split Module

Split feature module with headline, body and image.

two car buyers and a dealership salesperson closing a deal

Optimizing results

Our array of digital tools and listing enhancements help you bring in more leads, convert them into sales and stretch your marketing dollar even further.

Dealer Home Services

Virtual selling tools designed to help car dealers sell and deliver vehicles without requiring shoppers to visit the dealership.

Learn More

nVision

Our revolutionary analytics platform provides you with actionable insights to understand how your marketing investments are translating into sales.

Learn More

List Assist

This robust inventory management tool automatically populates your listings with VIN-level data during the upload process, ensuring an accurate level of detail for your shoppers.

Learn More

car shopper looking at Autotrader VDP with Accelerate My Deal digital retailing

Engaging your customers

Our platform is backed by the trusted data of Kelley Blue Book and designed to keep your customers engaged, informed and ready to do business with you.

Managed Chat and Text

Your chat and text leads are answered on your behalf when you’re unable to, and delivered directly to your CRM for easy follow up.

Learn More

New & Used Car Price Quote

In-market shoppers can compare new and used-car pricing from up to three stores, giving you the oppportunity to competitively position your dealership.

Learn More

Kelley Blue Book Dealer Ratings

Reviews speak volumes. Give shoppers peace of mind by incorporating your dealership’s star ratings, so they have the confidence needed to move forward.

— Forms —

Newsletter Signup

— Navigation —

Ticker Banner

Expand Your Reach and Sell Vehicles Faster. Join us at NADA Show 2023. See What’s New

Overlay

Overlay Graphic

Ideal Size : 306px x 405px

Uberflip

Uberflip block


Uberflip tile background image

Ideal Size 255 x 336
Dimension for CTA is 279×330 with an aspect ratio 93:110
Form CTA padding (in relation to the form field) – left 18px, bottom 28px

Quick Links Selector

Currently designed to be placed below an interior hero image


Jump Nav

Navigation for subsections/subpages. Set in Page sidebar settings

— Social —

Testimonial Block

Display a single testimonial on the page. Pulls from “Testimonials” Post type in the wp admin

Example – standard content
“Autotrader has played a tremendous part in helping our dealership reach more shoppers and generate more sales at our independent exotic dealership. . .”
Hans – Auto Collection of Murfreesboro, Murfreesboro, TN
dealership sales team Murfreesboro
Example – with video
Nine out of 10 consumers are more likely to buy from a dealership that offers at least one component of digital retailing. Help these shoppers jump-start the deal-making process right from your Autotrader listings…
Somebody at autotrader

Testimonials Masonry

List out all testimonials or specific set with masonry layout. A featured image can be optionally set.

 
dealership sales team from a featured Autotrader dealer
Testimonial 2

The Autotrader Classics platform has created upwards of 80 leads for my ’67 Toyota Land Cruiser on a daily basis. The Autotrader C…

Read Full Testimonial ›
Testimonial 2

The Autotrader Classics platform has created upwards of 80 leads for my ’67 Toyota Land Cruiser on a daily basis. The Autotrader Classics platform has created upwards of 80 leads for my ’67 Toyota Land Cruiser on a daily basis. The Autotrader Classics platform has created upwards of 80 leads for my ’67 Toyota Land Cruiser on a daily basis. The Autotrader Classics platform has created upwards of 80 leads for my ’67 Toyota Land Cruiser on a daily basis.

— Ryan Sodikoff, Specialty Dealer, Stephen Toyota
Test Testimonial

The Autotrader Classics platform has created upwards of 80 leads for my ’67 Toyota Land Cruiser on a daily basis.

— Ryan Sodikoff, Specialty Dealer, Stephen Toyota
dealership sales team Murfreesboro
Spotlight Testimonial – murfreesboro – independent

“Autotrader has played a tremendous part in helping our dealership reach more shoppers and generate more sales at our independent …

Read Full Testimonial ›
Spotlight Testimonial – murfreesboro – independent

“Autotrader has played a tremendous part in helping our dealership reach more shoppers and generate more sales at our independent exotic dealership. . .”

— Hans – Auto Collection of Murfreesboro, Murfreesboro, TN
Spotlight Testimonial – Capitol Chrysler Dodge Jeep Ram

“In the midst of a world-wide pandemic, Capitol Chrysler Dodge Jeep Ram has had the most successful month in our history. We have …

Read Full Testimonial ›
Spotlight Testimonial – Capitol Chrysler Dodge Jeep Ram

“In the midst of a world-wide pandemic, Capitol Chrysler Dodge Jeep Ram has had the most successful month in our history. We have done this by utilizing our online resources. Autotrader, along with C-4 Analytics, have helped us reach customers on a new level. . .”



— Steve at Capitol Chrysler Dodge Jeep Ram, Jefferson City, MO

Posts Module

Display 3 recent posts, or 3 posts of your choosing.

Live Social Feed

Read our live feeds below and start following us today!

Twitter

Follow us on Twitter

— Misc —

Table

Insert a table — perfect for sharing charts and data.

SolutionAdvertise inventory to at-home buyersYour vehicle will appearCost
Market ExtensionIn DMA(s) of your choice, nationwideFor all matching vehicle searches in your chosen markets$$
Market Extension Essential Within your chosen radius of your dealershipWhen local inventory matches are limited$
Dealer Home Services – Local Home DeliveryIn your local DMAFor all matching searches in your DMAAvailable for FREE with Autotrader & KBB.com listings