Style Guide

— Heroes —

NADA Home Hero

Custom block for NADA hero 2023

I’m Looking For:

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.

Learn more

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.

  • Their next car is on your lot

    Help convert shoppers to buyers with simple, personalized listings

    Autotrader shoppers are serious about finding the perfect vehicle from the right dealer. Accelerate more deals with the site that connects dealers with serious shoppers. Autotrader dealer packages that include digital retailing listings and ad products that connect you to the right shoppers at the right time. Autotrader provides the best quality leads in the industry. Period.

    See our difference
  • Watch the new nationwide commercial
    Watch Now
  • Show Me More

  • This is a header!

    This section is to show 2 column layout issues

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

I’m Looking For:

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

Click here
Learn more

— 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.”

See how

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.

Find out more

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.

Explore Specialty Listings

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

Become a partner

Carousel Module

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

  • Finally, it’s easy (even in 2021).

    The newest “Finally, it’s easy” commercial is one more way we’re driving consumers to your inventory. And with Autotrader and KBB.com site traffic continuing to surpass pre-pandemic levels and outpacing other third-party  sites, this spot is sure to drive even more in-market shoppers and high-quality leads to your dealership.

    Learn More
    car on ancient greek landscape

  • Dealer Home Services

    Contactless features to set your dealership apart

    Dealer Home Services help car dealers sell and deliver vehicles without requiring shoppers to visit the dealership.

    Learn More

  • Get up-to-the-minute analytics with nVision

    Your Autotrader listings package includes the nVision analytics dashboard for reporting on your inventory and your digital investments to help you get maximum results.

    See your Digital ROI
    nVision logo

  • Dealer Advantage Blog

    This brand-new resource brings you the best in automotive digital marketing strategy. Gain the dealer advantage with insights on online advertising, virtual selling and industry trends, all designed to help you move cars.

    Read the blog
    Autotrader Dealer Advantage blog logo

  • Go from fast to faster with digital retailing.

    Today’s consumers want to complete as many car shopping steps as possible online. Give them what they want with digital retailing.

    Discover digital retailing
    couple buying a car from a dealership saleswoman

  • The ultimate OEM resource.

    Our innovative consumer experience connects OEM partners to transaction-ready shoppers eager to explore your brand.

    View OEM Resources

— 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
Listings

Car listings that move shoppers.

Listing cars with Autotrader means automatically getting a suite of connected solutions that empower you, inform customers and engage a huge audience of shoppers ready to buy. The result is more views, higher close rates and higher profits.

See Listings Solutions
Features

Built-in features to build sales.

With Autotrader, your listings work harder so you don’t have to. Create, customize and publish quickly. Connect with potential car buyers and monitor performance for instant optimization. It’s a digital experience designed to deliver transaction-ready buyers right to your lot.

Learn About Features
Enhancements

Add-ons with extra opportunities.

We go above and beyond so you can, too. Find enhancements that help you do everything from letting customers pencil deals from your listings to easily selling cars outside of your market.

Explore Enhancements

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

Learn More

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

NADA callout

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


I’m Looking To:

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

Interested in becoming a client
or ready to learn more?

Please call 1-877-627-9585 or complete the form below.

Required form fields

How can we help you?*
This field is for validation purposes and should be left unchanged.