Style Guide
— Heroes —
NADA Home Hero
Custom block for NADA hero 2023
![](https://b2b.autotrader.com/wp-content/uploads/sites/5/2023/01/AT_NADA_B2B_Campaign_B2B-Website-Hero-2.webp)
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.
-
Their next car is on your lot
Help convert shoppers to buyers with simple, personalized listingsAutotrader 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.
Watch the new nationwide commercialThis is a header!
This section is to show 2 column layout issuesLorem 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.
Home Hero Ideal Size (video)
1920 x 1080 Desktop/Tablet
(N/A video is responsive)- MobileHome Hero Ideal Size (image)
1920 x 614 Desktop/Tablet
767×1034 – MobileImage 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.
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?”
Stat Module
Display multiple statistics in a series of columns.
Autotrader’s average gross per lead:$117The industry’s highest.?1.5xHigher 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
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.”
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.
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.
-
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 -
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 -
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 -
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 -
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
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.
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.)
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 TLX2021 Chevrolet Tahoe2021 Ford Bronco Sport2021 Ford F-1502021 Genesis GV802021 Hyundai Santa FeSplit Module
Split feature module with headline, body and image.
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.
nVision
Our revolutionary analytics platform provides you with actionable insights to understand how your marketing investments are translating into sales.
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.
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.
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.
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
Get all things Autotrader delivered straight to your inbox.
If it’s important to you, it’s important to us. Sign up and we’ll share news, insights and our latest innovations.
— 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 28pxQuick 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, TNExample – 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 autotraderTestimonials Masonry
List out all testimonials or specific set with masonry layout. A featured image can be optionally set.
Testimonial 2The 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 2The 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 ToyotaTest TestimonialThe Autotrader Classics platform has created upwards of 80 leads for my ’67 Toyota Land Cruiser on a daily basis.
— Ryan Sodikoff, Specialty Dealer, Stephen ToyotaSpotlight 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, TNSpotlight 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, MOPosts Module
Display 3 recent posts, or 3 posts of your choosing.
-
Video | Ways to Boost Engagement and Leads without Boosting Your Cost
Aug 16, 2024
The Autotrader TeamIn today’s fast-paced digital age, ensuring your inventory is getting prominent placement within shoppers’ search results is vital. Find out how to boost your engagement without boosting your costs with […]
-
Go for the Gold: Boost Sales and Performance with Tips from Industry Experts
Aug 9, 2024
Jade Terreberry, Senior Director of Strategic Planning – AutotraderOver the last few weeks, almost everyone has had Olympic fever. The opening ceremony, the Eiffel tower in every shot, Snoop Dog, the super-human athletes that we’ve come to personally […]
-
Video | Delivering the Digital Promise to Today’s Automotive Consumer
Aug 7, 2024
The Autotrader TeamConsumers are increasingly relying on digital channels to navigate the car-buying journey—and they’re doing it in a matter of minutes! From comparing financing options to cross-shopping different brands, your dealership […]
-
More Profitability Begins with Modern Appraisals and Stocking Strategies
Jul 8, 2024
The Autotrader TeamNo matter what you call it, “the New Normal, Pre-Covid, Post-Covid Era” in this ever-evolving market, dealers want one thing to remain the same – the continued profitability that many […]
-
Video | Extend Your Ability to Reach More Buyers in More Places to Sell More Cars
Jun 14, 2024
The Autotrader TeamConsumers have gotten used to quickly and easily researching and completing all kinds of purchases from their sofas, no matter what they’re buying, including cars. With the right marketing solution, […]
Live Social Feed
Read our live feeds below and start following us today!
Facebook
Follow us on Facebook— Misc —
Table
Insert a table — perfect for sharing charts and data.
Solution Advertise inventory to at-home buyers Your vehicle will appear Cost Market Extension In DMA(s) of your choice, nationwide For all matching vehicle searches in your chosen markets $$ Market Extension Essential Within your chosen radius of your dealership When local inventory matches are limited $ Dealer Home Services – Local Home Delivery In your local DMA For all matching searches in your DMA Available for FREE with Autotrader & KBB.com listings