CTA placement: where to put your buttons (and do sticky add-to-cart bars work?)
The best CTA placement is wherever the shopper finishes deciding — which is rarely just one spot on the page. The old “above the fold” rule is only half right: a buy button should be visible when someone arrives and available again the moment they’re convinced. On mobile, where the button scrolls away within a swipe or two, that usually means a sticky add-to-cart bar.
Above the fold still matters — but not for the reason people think
A CTA high on the page isn’t there to catch impulse buys. It’s there to answer “is this a page where I can buy this?” within a second of landing. Even shoppers who scroll past it read the button and register that buying is easy.
What the rule doesn’t mean: cramming everything above the fold. A shopper who needs sizing, reviews, or shipping info won’t buy from the top button no matter how prominent it is. They’ll buy after the content that answers their question — which is exactly why one CTA is never enough on a long page.
Repeat the CTA down the page
Every time you finish making a point, offer the action again:
- After the product gallery — for people who buy on looks.
- After the description and specs — for people who needed the detail.
- After reviews and social proof — the most common conversion point on considered purchases.
- After the shipping and returns block — for the risk-averse.
Same wording every time. Varying the button text (“Add to cart” here, “Get yours” there) reads as different actions and quietly erodes trust. Keep it consistent — see add to cart button best practices.
Sticky add-to-cart bars: when they work
A sticky bar pins the buy button to the top or bottom of the screen as the shopper scrolls. On mobile product pages they’re usually a clear win, because the alternative is a button that vanishes after two swipes and never returns until the shopper hunts for it.
They work when:
- The page is long — lots of images, reviews, or description.
- It’s a mobile product page, where screen real estate is scarce.
- The bar is compact: product name, price, one button.
- Variant selection is handled — tapping the sticky button on a product needing a size should open the picker, not error or silently add the wrong variant.
They backfire when:
- The bar is tall and eats a third of a small screen.
- It appears instantly on load, before the shopper knows what they’re looking at. Fade it in once they scroll past the main button.
- It stacks with other floating elements — a chat bubble, a cookie banner, and a sticky bar together make a page feel hostile.
- It’s used on pages with no single clear action, like a collection page.
Placement on other pages
- Cart page: primary checkout button both above and below the item list; “continue shopping” as a plain text link, never a competing button.
- Landing pages: one action, repeated at each scroll depth. Extra links leak clicks.
- Collection pages: the products are the CTAs. Adding “quick add” buttons can help, but never let a page-level CTA compete with the product grid.
The rule underneath all of it
One primary action per screen. If a shopper can see two buttons of equal weight, you’ve asked them to make a decision instead of taking one. Everything secondary — wishlist, compare, share — should be visually quieter. For the wording itself, see high-converting CTA words and call to action examples for ecommerce.
Not sure how yours score? The free CTA analyzer grades every call-to-action on a page in seconds.
The bigger picture
Placement is one factor among many — a perfectly positioned button can’t rescue a slow page or a surprise shipping fee at checkout. Revyfix adds every leak into one score and ranks the fixes by payback, so you know whether your buttons, your speed, or your checkout is costing you most.