CopyDesign logoSearch
FreebiesNewButtonsCTA BannersPopupsSectionsFormsTrustUtilityPromo GamesMenus
Account
HomeFreebiesAccountSearchOther

Get the whole library for only $1

New designs coming every week

Join now for $1/month

Designs

  • Freebies
  • Buttons
  • CTA Banners
  • Popups
  • Sections
  • Forms
  • Trust
  • Utility
  • Promo Games
  • Menus

Site

  • Home
  • Pricing
  • Extension
  • Demo sites
  • Stats
  • Contact
  • Request a design
  • Sign up
  • Log in
  • Terms
  • Privacy
  • TrustMRR

Built by MojoSons Media

CopyDesign logoSearch
FreebiesFreeNewButtonsCTA BannersPopupsSectionsFormsTrustUtilityPromo GamesMenus
Sign upLog in
Members: 4$1/mo forever
CopyDesign logo
SearchFreebiesFreeNew
ButtonsCTA BannersPopupsSectionsFormsTrustUtilityPromo GamesMenus
Get the extension
Sign upLog in
Members: 4$1/mo forever
HomeFreebies$1Join

On this page

  • Demo
  • What it does
  • How it works
  • What you can customize
Sections/Promo Code List

Promo Code List

Customize and copy this promo code list for your website.

Promo codes (the short codes shoppers type at checkout for a discount) sit in tidy rows, each with a Get Code button.

Adjust the options, copy the instructions, and your AI rebuilds the list on your own site.

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.

You'll also like

Spin the Wheel

A prize wheel with real odds you define. The animation lands on the prize that was actually drawn, every time.

Comparison Table

An honest us-vs-them feature table. Your column leads, but every cell must be true.

Glow Pulse Button

Customize this glow pulse button design and use it on your own website. It's a button with a soft light around it that grows and fades in your brand color. You can keep the glow pulsing all the time, or only when someone hovers over the button.

â–¼
you@email.com

Try it: click Spin. The prize is drawn by weight before the wheel moves.

FeatureUsComp A
Unlimited sites✓✓
Live support✓✕
Free updates✓✓
You are helping me add a design from CopyDesign to my own website or app.
This prompt is reserved for CopyDesign members. Join to unlock the full prompt for this design and every other design in the library.

STRUCTURE
- The full prompt describes every part of the design: the layout, the sizes, the spacing, the colors, the fonts and the exact wording.
- It lists the options I picked on the design page, so the result matches what I saw in the live preview.
- It tells you which pieces are required and which ones are optional, so nothing important is left out.

BEHAVIOR
- The full prompt explains how the design reacts: what happens on hover, on click, on scroll, on small screens and on large screens.
- It covers the edge cases, like an empty state, a very long text or a slow connection, so the design keeps working in real use.
- It describes any motion or animation, with timings, and when to reduce it for people who prefer less motion.

QUALITY
- The full prompt sets the bar: the design must be responsive, accessible, fast and easy to maintain.
- It asks you to reuse my existing styles, colors and fonts, so the design fits the rest of my site instead of standing out.
- It asks for clean, readable code that I can adjust later without help.

QUESTIONS
- The full prompt ends with the questions you should ask me before you build, so the result is mine: where the design goes, what it should say, which colors to use and how it should behave.
- Members get this prompt with one click, and the price they join at never changes.
Members only