Special Offer Card

What it does

This special offer card puts one deal forward and gets your visitors to claim it. You can use it to push any special offer, whether it's for Black Friday, National Day, the New Year, or just a sale you have going on.

Faced with several plans, some people leave without choosing. One clear offer is easier to say yes to, unlike a pricing table that compares plans.

The card can show:

• a % off badge worked out from your two prices and updated automatically
• your regular price crossed out, next to the offer price
• a bonus line and a guarantee line, if you have them
• the call to action button (the one that asks visitors to act), which opens your checkout or signup page
• an end date or a live countdown

A real discount shown honestly builds trust, and a true deadline gives people a reason to act now without tricking them.

Set up your offer with the options above, copy the prompt (your AI's building instructions) with the copy button, and paste it in your AI (Lovable, Bolt, v0, whatever you use). It will build the card in your site's style, colors and fonts, with the prices, dates and options you picked above.

How it works

1. 01

   A visitor lands on your sale page or product page and sees one offer, with nothing to compare and no choice to make.

2. 02

   The badge in the corner shows the saving right away, like 75% off, worked out from your two prices so it's always accurate.

3. 03

   They see the regular price crossed out next to the offer price, so they know what they pay and what they save.

4. 04

   If a monthly price is billed once a year, they also see the real yearly total, like "Billed $360 yearly" for $30 a month, so they're not surprised at checkout.

5. 05

   The bonus and the guarantee give them two more reasons to say yes, like 3 free months or a 30-day money-back guarantee.

6. 06

   The end date or the countdown tells them how long the offer lasts, and the time left is the same for everyone and never restarts, so the deadline is real.

7. 07

   They click the button to claim the offer, and land on your own checkout or signup page.

8. 08

   Once the offer is over, the card says "This offer has ended", and the button turns gray and can't be clicked, so they can't grab a deal that's done.

What you can customize

• Regular price: type the price you really charged before the offer. In the US, the FTC (the Federal Trade Commission, the agency that keeps ads fair) wants a price you charged for a real period of time, and in the EU it must be your lowest price of the 30 days before the offer. Our prompt will have your AI ask you which rule applies to you, and never decide it for you. The preview shows 192 by default.
• Offer price: type what your visitors pay during the offer, and the badge works out the % off from both prices. With the 48 we put by default, it shows 75% off.
• Currency: pick the US dollar, the euro or the British pound, or choose Other and type yours in the Your currency field that shows up. Or leave that field empty and your AI will check your project to find which currency to use, and only ask you if it can't find it. We put the US dollar by default.
• Price period: you can show the price per month, per year, or as a one-time payment. We show it per year by default, but you get to choose.
• How the monthly price is billed: this one appears when the price is per month. If your customers pay for the whole year at once, the card adds a small line with the real yearly total, so the price they see is the price they pay. By default it's billed every month, so that line stays hidden.
• Bonus line: choose to show or hide an extra that comes with the offer, and write it in Bonus text. We put "+3 months free" by default, and your AI will check that the bonus is really part of your offer before showing it.
• Guarantee line: you get to decide if a small line with a shield icon sits under the button, with your own words in Guarantee text. It says "30-day money-back guarantee" by default, and your AI will ask you to confirm you really offer it.
• Offer end: pick a line with the end date, a live countdown, or no end date at all. A countdown that never restarts creates urgency (the feeling that you should act soon) without lying to anyone. We show the countdown by default.
• End date: pick the last day of your offer in the calendar. Then flip the "Offer running" and "Offer ended" switch on the preview to see what your visitors get once that day has passed. Your AI will adapt it to your time zone, and only ask you for the exact end time if it can't find it.
• Button text: write what the button says, in your own words. We put "Claim this offer" by default.
• Button link: paste the address of your checkout or signup page, so visitors land right where they can claim the deal. There's no payment to set up, since the card only links there. Or leave it empty and your AI will find the correct page in your project, or ask you directly if it can't tell which one to use.