Promo Code List

What it does

This promo code list lets your visitors grab a discount code in one click.

Like 30% off at a store, free shipping, or a first order deal.

Every code is in the page from the start, just hidden from the eye, so search engines still read it.

Works very well for e-commerce sites, SaaS discounts, or affiliate websites who want to promote their codes on other websites.

Each row has five parts:

• a logo tile with a COUPON tag
• a bold title, Verified first when checked
• one plain line about the offer
• a Get Code button with a peeled corner
• a footer with uses count and Terms link

To add it to your website all you have to do is customize the options, then copy the prompt above and paste it in your AI (ChatGPT, Gemini, the one in your code editor, whatever you use). It builds the list in your site's colors and fonts with the customization options you selected here.

How it works

1. 01

   The visitor sees a list of coupons, one clean row per deal, in the order you set.

2. 02

   They read a row, the logo, the Verified title, and one line on the deal, enough to know if it is for them.

3. 03

   A first click on Get Code peels the corner away so they can see the full promo code.

4. 04

   A second click copies the code to their clipboard (the spot where copied text waits until you paste it) and the code box says Copied for 1.5 seconds.

5. 05

   Once revealed, the code stays on screen, so they can come back to it while they shop.

6. 06

   A tap on Terms opens one line of rules under the row, so they see the conditions before using the code.

What you can customize

• Number of coupons: choose how many rows the list shows, from 1 to 25. We show 3 by default, plenty to see how it looks.
• Code reveal: choose to hide the code under a peeled corner, behind a Show code button, or to show it right away. By default we use the peeled corner.
• Verified label: you get to decide if checked deals start with the word Verified, a trust signal for shoppers. By default it is on, only for coupons you marked verified.
• Uses counter: you can pick whether each row shows how many times its code was used, real numbers only. By default it is on and hides itself under 7 uses.
• Terms row: by default we put a Terms link that opens one line of conditions under the row, but you get to decide if you want to show it.
• Logo tile: choose a square tile, a round one, or no logo at the start of each row. By default we put a square tile.
• Button color: choose one of three colors, or match my site so your AI reuses your own button color. We picked one for the demo, yours is up to you.

Want your best code handed to new visitors on arrival? Use a popup with a first-order code.