Sticky CTA Banner

What it does

A sticky CTA banner is the skinny bar that stays glued to the edge of the screen while people scroll, carrying one short message and one button. You want it when your site has something worth shouting about everywhere (a sale, a free trial, a launch) and you can't count on visitors reaching the part of the page that mentions it. The bar never scrolls away, so the offer is always one tap away.

• The message caps at ten words, a nudge, not a shout.
• The page gets a little padding, so the bar never covers your content.
• Close it once and it stays gone for seven days; nobody gets nagged twice in one week.

How it works

1. 01

   Pick where the bar sticks, top or bottom of the page, and what it pushes: a promo, a signup, or an announcement. The preview updates as you tap.

2. 02

   Hit copy to grab the prompt, the block of text that tells your AI exactly what to build, sized and tuned to the options you picked.

3. 03

   Paste it into whichever AI you use (Claude, ChatGPT, Cursor, any of them) and it rebuilds the banner in your site's own colors and fonts.

4. 04

   Your AI wires up the behavior too: the bar slides in just after the page loads, never hides your content, and works with a keyboard.

5. 05

   Before you ship it, peek at your phone: the message should stay on one line, the button visible, and closing it should keep it gone a week.

What you can customize

• Placement: top makes it feel like a site-wide announcement above everything; bottom stays out of your header's way and feels lighter on a phone.
• Goal: promo, signup, or announcement. Each swaps in matching words and a matching button, from sale wording with a shop button to a news line with Learn more.
• Words, colors, and sizing all adapt to your site automatically, because your AI builds the banner right inside your own design.