Demo, not final

The Nicer, Newer Upgrade Widget

An educational widget a dealer drops into any page. It uses the customer's own numbers to show what their current vehicle actually costs each month once upkeep is counted.

It never mentions a vehicle you have in stock, never quotes a payment, and collects nothing.

What it is doing

A payment calculator answers one question brutally: the newer car costs more. This does the opposite. It adds the cost the payment hides.

True cost per month is the payment plus what upkeep really runs at that age and mileage. Most owners have never added those together.
The break-even figure is the number that does the work. It says what a vehicle three years newer could cost per month while leaving the owner no worse off, because its upkeep is still largely covered and theirs is not.
The tiers show the curve rather than one point, described only by how much newer, never by a vehicle or a price.

Try it with an older, higher-mileage vehicle. A 2013 with 140,000 miles tells a much stronger story than a 2022 with 30,000, which is exactly right: the tool should be persuasive when the case is real and quiet when it is not.

Why it never touches inventory

It cannot go stale. Nothing to update, no sold units, no wrong prices.
It stays educational. A specific vehicle at a specific payment is an advertisement of credit terms. A general statement about what moving three years newer costs is not.
It works for every dealer on day one, franchise, independent or buy-here-pay-here, with no feed and no setup.
The vehicle match is the salesperson's job, and they are better at it than a widget. A customer who arrives believing the gap is smaller than they thought is a better conversation than one anchored on a single unit.

Installing it

Two lines, anywhere on the page. Everything else is optional.

<div id="nn-widget"></div>
<script src="https://nicer-newer.pages.dev/widget.js" data-target="nn-widget"></script>

Optional settings

data-accentBrand colour, any hex value. Buttons and highlights follow it.

data-phoneAdds a call button. Leave it out and the widget is purely educational.

data-phone-labelWording on that button.

data-headingReplaces the headline at the top.

Fully dressed example

<div id="nn-widget"></div>
<script src="https://nicer-newer.pages.dev/widget.js"
        data-target="nn-widget"
        data-accent="#b91c1c"
        data-phone="555-555-1234"
        data-phone-label="Call our team"></script>

For sites that will not accept a script tag. Some website platforms block them. Those dealers can use an iframe instead, which needs no scripting permission at all:

<iframe src="https://nicer-newer.pages.dev/embed.html" width="100%" height="900"
        style="border:0" title="Upgrade widget"></iframe>

What it does not do

No email field, no phone field, no form. Nothing is collected, stored or transmitted.
No cookies, no analytics, no third-party requests. It runs entirely in the browser.
No inventory, no vehicle names, no prices, no APR, no term length.
No trade valuation and no credit prequalification.