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
Popups/Floating CTA Card

Floating CTA Card

Customize and copy this floating CTA card for your website.

A CTA (call to action) is the button you want people to click, and this card floats it in a page corner.

Pick your options, copy the instructions, and your AI rebuilds it on your site.

What it does

This floating CTA card gets the visitor's attention to get them to go where you want them to go.

Like to subscribe to your service, see an offer, learn more about a specific service or event.

It floats over one corner, so visitors see your offer without losing their place.

It has four parts:

  • a row of playful icons over the top edge
  • a short headline (6 words max) and one description line (12 max)
  • one full width button with an arrow
  • a small X to close it

On phones (iPhone, Android) it stretches across the whole screen.

The prompt above is a block of instructions you paste in your AI (Gemini, Grok, Copilot, whatever you use). It builds the card in your site's colors and fonts with the customization options you selected here.

How it works

  1. 01

    The card slides in at one corner, right away, after a few seconds, or once the visitor scrolls.

  2. 02

    A row of playful icons sits over the top edge to catch the eye.

  3. 03

    The visitor reads the headline and the line under it, your offer in a few words.

  4. 04

    One full width button with an arrow sends them where you want, your signup page or shop.

  5. 05

    A small X in the top corner closes the card, this way they can hide it and continue browsing your site without getting disturbed.

  6. 06

    After a close, the card stays hidden for the rest of the visit, or for 7 days, or shows again next visit.

What you can customize

  • Corner: where the card floats. The preview shows the bottom right corner by default. If you already run social proof notifications there, give the card the other corner.
  • Icons on top: rewards (trophy, gem, star, bolt, money bag), shopping (bag, tag, gift, percent), or none. Rewards is the default.
  • Button color: five colors, or match my site so your AI reuses your site's button color. The button is yellow by default.
  • Button text: four ready-made labels. The preview says Start now by default.
  • Custom button text: your own words on the button. Leave it empty and it takes the button text above by default.
  • When it shows: choose if you want the floating CTA to show right away, after a few seconds, or once the visitor scrolls. Right away is the default.
  • After close: choose how long the card stays away after the visitor clicks on the X. It can stay hidden for the visit, for 7 days, or show again next visit. It stays hidden for the visit by default.
  • Where it shows: desktop, mobile, or both. It shows on both by default.

The button here is plain on purpose. For a button that catches the eye on its own, look at a shining button design.

Would you rather push the same offer in a slim bar across the page than in a corner card? That job belongs to the sticky CTA banner.

This card never blocks the page. To greet first-time visitors with a full offer instead, there is the welcome discount popup.

Are you sharing news rather than pushing an offer? The popup that announces one thing gives it a title, a short text and a button.

You'll also like

Alternating Feature Rows

The classic zigzag: image left, text right, then flipped, walking the visitor feature by feature.

Icon Sidebar Menu

A slim sidebar menu on the left with a logo, an icon per section, a highlighted badge for the free stuff, and the sign-in buttons at the bottom. Take the prompt on this page and paste it in your AI so it will build the same for your website.

Team Cards

A people grid with photo, name, role, and one optional link each. Real people only.

[shot]
[shot]
[shot]
HomeBrowseSavedDealsNewAccount
Sign upLog in128members

Alex R.

Founder

Sam T.

Design

Noa L.

Engineering

Kim V.

Support

Real people, with consent. Never stock photos.

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