50 CTA Button Examples for Online Stores and Popups

50 CTA button texts for online stores and popups, grouped by the shopper's moment, plus what makes a button worth clicking.

Nikolett Lorincz · 10 min read
In this article
  1. What is a CTA button?
  2. What makes a good CTA button?
  3. 50 CTA button examples for online stores
  4. CTA button examples from the OptiMonk Popup Library
  5. Where to put the CTA button in a popup
  6. How to test your CTA button
  7. Build a popup with the right CTA in one sentence
  8. CTA button FAQ
  9. Your next button is one sentence away

In short

CTA button examples show how online stores word the one button that matters on a page or popup. Strong button text says what the shopper gets, not what they click, so the next step is clear. Copy a line below, match it to the shopper's moment, then A/B test it.

Most shoppers never read your popup. They glance at the headline, maybe the image, and then their eyes land on the button.

"Submit" and "Get my 10% off" can sit on the same button, in the same color, on the same popup. One asks the shopper to do paperwork. The other promises a reward.

That one line of text carries more weight than anything else on the screen, and it's the easiest thing on your store to change.

What is a CTA button?

A CTA button is the clickable button that asks a shopper to take one step: add to cart, sign up, claim an offer. In online stores the best ones name the result ("Get my 10% off", "Return to my cart"), not the action ("Submit"), and stand alone in a contrasting color.

CTA stands for call to action. In a store you'll find CTA buttons on product pages, in the cart, at checkout, in popups and in emails.

This page is about the words on the button. For the color, see our guide to CTA button colors. Writing for the inbox instead? Our email CTA examples cover that.

What makes a good CTA button?

A good CTA button tells the shopper what happens after the click, in a few words, and it's the only thing on the screen competing for that click. Everything else is detail.

RuleWeakBetter
Name the result, not the actionSubmitGet my 10% off
Say where the click goesContinueReturn to my cart
Keep it short (2–5 words)Click here to receive your exclusive welcome discountSend me the code
Match the headline's promiseHeadline: free shipping. Button: Sign upHeadline: free shipping. Button: Get free shipping
One main button per popupTwo buttons: "Yes" and "No"One button, plus a small text link to close
Polite exit lineNo thanks, I'll pay full priceMaybe later

A few more rules behind the table:

  • Start with a verb. Get, claim, reveal, return, finish. The verb is the promise; the rest of the button says what it's for.
  • "My" or "your"? Many CRO writers prefer first person ("Get my discount") because the shopper reads it as their own words. Don't take anyone's word for it, including ours: A/B test both on your store.
  • Make it easy to see and tap. The button needs strong contrast with the background (that's where color comes in) and room for a thumb on mobile. The accessibility standard WCAG 2.2 sets a minimum target size of 24 by 24 CSS pixels; a main button should be much bigger than that.
  • Write the exit line too. In a popup, the button always comes with a way to say no. Keep it clear and friendly, never a guilt trip.

For the rest of the popup (headline, body, layout), see popup design best practices.

50 CTA button examples for online stores

The buttons below follow the shopper's path through your store, from the product page to the last moment before they leave. Each group says when to use the button and what to put next to it. [product], [Brand], $[amount] and WELCOME10 are placeholders for your own details.

Product page and cart buttons (8)

These buttons belong to your store itself: your theme or platform draws them, not a popup tool. They're here because the same rules apply, and because the popups later in this list hand shoppers back to them.

Button textUse it whenPair it with
Add to cartThe shopper is on a product page and ready to buyPrice, size picker and delivery estimate
Add to bagYour brand speaks fashion or beautyThe same details; pick one wording and use it everywhere
Buy nowExpress checkout or single-product storesA short line on shipping and returns
Choose your sizeThe product has variants and none is selected yetA size guide next to the picker
Notify me when it's backThe item is out of stockAn email or SMS field and a restock estimate, if you have one
Checkout securelyThe main button on the cart pagePayment icons and your return policy
Pick up in storeYou offer local pickupThe store address and when the order is ready
Build your bundleBundle or kit pagesThe saving the bundle gives

Email and SMS sign-up popups (8)

A sign-up button trades a discount, early access or good content for an email address. The button should name that reward, not the form.

Button textUse it whenPair it with
Get my 10% offWelcome offer for first-time visitors"10% off your first order" in the headline
Send me the codeThe code arrives by email"We'll email your code right away"
Join the listThere's no discount; news or content is the rewardWhat subscribers get and how often
Text me my discountThe SMS step of a sign-upA phone field and the consent text
Count me inA casual brand voice, a newsletter or a communityA headline that says what they're joining
Get early accessBefore a sale or a launch"Subscribers hear first"
Sign me up for dropsLimited releases, streetwear, collectiblesHow often you drop
Get the [Brand] newsletterThe newsletter has a name and a followingOne line on what's in it

Show it to: new visitors after a few seconds on the site, and never to people who are already subscribers. For headline ideas, see these welcome message examples.

Discount and offer reveals (8)

A reveal button turns the discount into a small moment of curiosity. It works when the headline hints at the offer and the click shows it.

Button textUse it whenPair it with
Reveal my offerThe offer stays hidden until the click"A welcome gift is waiting"
Reveal my codeThe next screen shows the code itselfA copy button and the code, e.g. WELCOME10
Claim my $[amount] creditThe offer is a fixed amount, not a percentageThe minimum order, if there is one
Get my discountA plain, direct welcome offerThe discount in the headline
Show me my giftThe reward is a product or a sampleA photo of the gift
Apply my discountThe code is added at checkout automatically"No code to copy"
Get my first-order dealFirst-time buyers only"For your first order"
Use my code nowThe second screen, after the code is shownA link back to the product or cart

Show it to: first-time visitors. On Shopify, OptiMonk can create unique codes and apply them at checkout automatically, so "Apply my discount" is a promise you can keep.

Free shipping (4)

Free shipping popups work best as a nudge toward a threshold. The button should point to the next step, not to the offer.

Button textUse it whenPair it with
Get free shippingThe shopper already qualifies"Your order ships free"
Keep shoppingThe shopper is close to the thresholdHow much is left to spend
Add $[amount] for free shippingYou show the exact gapA product suggestion that fills it
Show me what qualifiesYou have a collection of items that close the gapA short list of best sellers

Show it to: shoppers whose cart value is below your free shipping threshold.

Cart recovery and exit intent (8)

When a shopper with a full cart moves to leave, the button has one job: take them back to where they stopped. Say exactly where.

Button textUse it whenPair it with
Return to my cartThe cart has items and the shopper is leavingA thumbnail of what's in the cart
Finish my orderThe shopper reached checkout and stopped"Your items are saved"
Complete my orderSame moment, a more formal brand voiceShipping and return reassurance
Take me to checkoutYou want to skip the cart pagePayment icons
Save my cartThe shopper isn't ready to buy todayAn email field
Email me my cartThe shopper wants a reminderAn email field; your email platform sends the reminder
I'm still decidingYou ask what's holding them backA one-question survey
Keep my 10% and check outYou offer a last-minute discountThe code and how long it's valid

Show it to: visitors with items in the cart, on exit intent. More ideas in our cart abandonment popup examples and abandoned cart coupon code ideas.

Upsell and cross-sell popups (5)

An upsell button should be specific: name the product or the price, so the shopper knows exactly what they're adding.

Button textUse it whenPair it with
Add [product] to cartYou suggest one matching productA photo and the price
Complete the setThe cart has part of a setWhat's missing from the set
Upgrade to the bundleA bundle includes what's in the cartThe saving compared to buying separately
Add it for $[amount]The add-on is cheap next to the cartA one-line reason it fits
See what goes with itYou show several matching itemsTwo or three product picks

Show it to: shoppers based on their cart contents or the product page they're on. See more in our guide to the upsell popup.

Lucky wheel and scratch card (5)

Game buttons invite play first and mention the prize second. After the spin or scratch, the winner screen needs its own button: "Use my prize now".

Button textUse it whenPair it with
Spin to winA lucky wheel with several prizesThe prize slices on the wheel
Spin the wheelA calmer brand voice"One spin per customer"
Try my luckA playful brandAn email field above the button
Scratch to revealA scratch cardThe card itself as the main image
Claim my prizeThe result screen, when the prize needs an emailThe prize in large type

More formats: gamified popups, the lucky wheel and scratch cards.

Launches and early access (4)

Not every CTA needs a discount. For a launch, the reward is getting in first.

Button textUse it whenPair it with
Get VIP accessSubscribers shop a release before everyone elseThe launch name
Notify me at launchThe product isn't out yetAn email or SMS field
Join the waitlistStock is limitedHow the waitlist works
Shop the dropThe launch is liveA countdown, only if the deadline is real

Show it to: returning visitors, or visitors who viewed the product pages of the collection.

10 polite "no thanks" lines (not counted in the 50)

Every popup needs a way out, and that line is part of your brand too. Pick one that's clear and friendly:

  • Maybe later
  • I'll finish later
  • No thanks, I'll browse first
  • Not today
  • Keep browsing
  • I'll decide later
  • Close
  • Maybe next time
  • Keep wandering (for a playful brand voice)
  • No thanks

Lines like "No thanks, I'd rather pay full price" try to shame the shopper into clicking. In our view, they make the brand sound pushy at the exact moment you want to be liked, and a shopper who says no today may still buy tomorrow.

CTA button examples from the OptiMonk Popup Library

The popups below come from the OptiMonk Popup Library. Each one was designed by the OptiMonk agent for a real brand, and you can open it in the library and build your own version. Look at the button and the line under it: they're written as a pair.

1. The Soft Minimalist (designed for Caraway)

Cart recovery popup designed for Caraway with "Ready to Cook?" headline, a "Return to Checkout" button and an "I'll finish later" link

"Ready to Cook?" asks a question, and "Return to Checkout" answers it with the exact place the shopper was heading. The exit line, "I'll finish later", assumes they'll come back. A trust line under the button ("Secure checkout and easy returns") answers the last doubt.

See this popup

2. The Culinary Nudge (designed for Our Place)

Cart reminder popup designed for Our Place with "Don't let these get away" headline, a "Return to cart" button and a "No thanks, I'll pass" link

"Don't let these get away." puts the products, not the store, at the center. The button "RETURN TO CART" is short and literal, and the return guarantee under it lowers the risk of clicking.

See this popup

3. Free Shipping Threshold Modal (designed for Crocs)

Free shipping popup designed for Crocs with "Free Shipping Awaits!" headline, a "Keep Shopping" button and a "No thanks" link

The headline is the offer, so the button doesn't repeat it. "Keep Shopping →" names the next step: add more and the shipping is free. The exit is a plain "No thanks".

See this popup

4. The Essential Sample (designed for Sephora)

Welcome popup designed for Sephora offering a free sample on the first visit, with a "Reveal my sample" button

"A gift for your first visit: A free sample" is a welcome offer without a percentage. "Reveal my sample" names the reward and adds a little curiosity, and "No thanks, I'll browse first" lets the shopper leave without losing face.

See this popup

5. Blueprint Type-Led Reveal (designed for Dyson)

Type-led welcome popup designed for Dyson with store credit for the first upgrade, a "Reveal my code" button and a "Maybe later" link

"Your first Dyson upgrade starts here." with store credit as the offer. The design is almost all type: one headline, one button ("Reveal my code"), one quiet "Maybe later". With nothing else on the screen, the decision is easy to make.

See this popup

6. The VIP Early Access (designed for Gymshark)

Launch popup designed for Gymshark with "Don't miss the drop" headline, an email field and a "Get VIP access" button

No discount at all: "Don't miss the drop" and "GET VIP ACCESS >" sell getting in first. The exit line, "I'll wait for the public release", is honest about what saying no means without making the shopper feel bad.

See this popup

7. The Flavor Wheel (designed for Momofuku)

Lucky wheel popup designed for Momofuku with "Don't leave hungry" headline and a "Spin to Win" button

A lucky wheel with a food brand's voice: "Don't leave hungry." The button is the classic "Spin to Win", the exit is "Maybe next time", and "One spin per customer." under the button sets the rules before anyone asks.

See this popup

8. The Fellowship's Call (designed for Elbenwald)

Fantasy-themed cart recovery popup designed for Elbenwald with a "Return to my quest" button and a "Keep wandering" link

A cart recovery popup for a fantasy merch store: "Don't let the fellowship break!" The button "RETURN TO MY QUEST" is playful, but it still says where the click goes, and "Keep wandering" stays in the same voice. A button can have personality as long as the goal stays clear.

See this popup

More examples: the cart abandonment and spin-to-win collections in the library.

Where to put the CTA button in a popup

Put the button under the headline and the form field, so the shopper reads the offer, fills in the field and finds the button right where they need it. Below the button goes the exit line, smaller and as text, not as a second button.

  • One main button. If a popup has two goals, it needs two popups.
  • A trust line under the button. Shipping, returns or privacy, as in most of the library examples above. It answers the doubt that stops the click.
  • Full width on mobile. On a phone, the button should span the popup and sit where a thumb reaches it.

Mobile needs its own layout, not a shrunk desktop popup. The OptiMonk agent builds a separate mobile version of every popup it designs, so the button stays big and easy to tap on a small screen.

If what you need is a button on your page that opens a popup, that's a different setup: see a button that opens a popup. For the words around the button, see our popup message guide.

How to test your CTA button

Don't guess which button wins: run an A/B test. Show half your visitors "Get my 10% off" and the other half "Reveal my offer", and let the conversions decide.

You can test more than the words:

  • The button text, with everything else the same.
  • The offer, such as 10% off against free shipping.
  • The whole design, or two different campaign types against each other.

A holdout test goes one step further: it keeps a group of visitors who see no popup at all, so you can see whether the popup adds orders. Set a conversion goal that matches the button (a signup, an order) and check the revenue analytics, not just the clicks.

For the full method, see our guide to A/B testing popups and the variant A/B testing feature.

Build a popup with the right CTA in one sentence

With OptiMonk you don't write the button on its own. You describe the popup in one sentence, for example:

"Show first-time visitors 10% off with code WELCOME10 after 5 seconds, button text 'Get my 10% off', not to subscribers."

The agent designs the popup on brand, writes the copy with the button and the exit line, builds a separate mobile version and sets the targeting. In the same conversation, you can ask it to A/B test the button text and roll out the winner. Below, the agent's first four concepts for a different brief, an exit-intent free shipping popup, each with its own button and exit line.

OptiMonk agent chat showing four exit-intent free shipping popup concepts designed for ASOS, each with its own button text and exit line

It works for card popups, fullscreen popups, lucky wheels and scratch cards. On Shopify, it can also create unique discount codes that apply at checkout automatically. For exit-intent campaigns, see exit-intent popups.

CTA button FAQ

What does CTA stand for?

CTA stands for call to action. In marketing, a CTA is any prompt that asks someone to take the next step, such as a button, a link or a line in an ad. On a store, it's usually a button: "Add to cart", "Get my 10% off", "Return to my cart".

What is a good CTA button text for an online store?

One that names what the shopper gets or where the click takes them. "Get my 10% off" beats "Submit", and "Return to my cart" beats "Continue". Match it to the moment: sign-up, offer, cart recovery or upsell.

How many words should a CTA button have?

Two to five words is a good range. Start with a verb and add the result: "Send me the code", "Finish my order". If you need more words, put them in the headline or under the button.

Should a CTA button say "my" or "your"?

Both can work. First person ("Get my discount") reads like the shopper's own words, and many CRO writers prefer it. The only way to know for your store is to A/B test the two versions.

Can a popup have more than one CTA button?

It can, but it usually shouldn't. One main button keeps the decision simple; the way out works better as a small text link than as a second button. If you want to offer two different things, build two popups and target each one to the right visitors.

Your next button is one sentence away

Pick the one popup on your store with the weakest button, often a sign-up popup that still says "Submit", and rewrite it with a line from this page. Then A/B test the new text against the old one.

For a new popup, describe it in one sentence and the OptiMonk agent designs it, writes the button and the exit line, builds the mobile version and sets the targeting.

Free to start. No credit card.

Written byNikolett LorinczMore from Nikolett

Keep reading

All articles
OptiMonk monk meditating in lotus pose

Your first popup is
one sentence away.

Free to start. No credit card.