Why more CTAs convert less.
Hick's Law is one of the most consistently validated findings in UX research: the time it takes to make a decision increases with the number of options available. Applied to landing pages, this means every CTA you add above the fold is slowing down — or eliminating — the primary conversion you're trying to drive.
This isn't theoretical. Across 340 SaaS landing pages analysed by Levri, pages with a single above-the-fold CTA convert at a median rate 2.3× higher than pages with three or more CTAs at equal visual weight.
The three-CTA problem isn't that teams are adding CTAs carelessly. It's that every CTA feels justified in isolation — "Start free trial," "Watch demo," "Talk to sales" are all legitimate actions. The mistake is treating them as equivalent and presenting them simultaneously.
They're not equivalent. One of them is what most of your visitors should do next. The other two are exits.
What the scans show.
Across the 340 SaaS pages in this analysis, a consistent pattern emerged:
Pages with 1 above-the-fold CTA: median primary CTA click rate of 8.4% Pages with 2 above-the-fold CTAs: median primary CTA click rate of 5.1% Pages with 3+ above-the-fold CTAs: median primary CTA click rate of 3.2%
The secondary CTA typically captures 40–60% of the clicks the primary CTA loses — but secondary CTA visitors convert to paid at roughly one-third the rate of primary CTA visitors. The net effect is negative: more options, less revenue.
The pattern is strongest on mobile, where screen real estate forces CTAs into proximity and the visual weight distinction between primary and secondary collapses. On a 390px viewport, a filled button and a ghost button 12px apart look like two equal choices.
The CTA hierarchy that works.
Not every page needs a single CTA. Some journeys genuinely require a secondary option. The issue isn't having two paths — it's presenting them as equals.
A working CTA hierarchy has three tiers:
Tier 1 — The primary action. One button. High contrast. Positioned above the fold. This is the action you most want the visitor to take. It should feel like the obvious next step given the headline and subheadline above it.
Tier 2 — The secondary action. A text link, not a button. Lower contrast. Positioned below the primary CTA or in a supporting section. This is the fallback for visitors who aren't ready for the primary action. "See how it works" or "View an example" — not a ghost button that competes visually.
Tier 3 — Tertiary actions. Nav links, footer actions, in-content links. These exist but are visually subordinate by design. They don't compete with the primary CTA because they don't look like CTAs.
Most pages that present "Start free trial" and "Watch demo" as equal buttons should move "Watch demo" to Tier 2 — a text link below the primary button. The visitor who needs the demo before they'll trial will find it. The visitor who was ready to trial won't be distracted by it.
The four mistakes teams make.
Mistake 1 — Ghost button at equal size. A filled primary button next to a ghost button of identical size and vertical position creates a visual choice. The ghost button often wins clicks because it signals lower commitment. Solution: make the ghost button a text link, or move it below the primary.
Mistake 2 — Nav links as exits. Sticky navigation with five links means every visitor has five exits available at all times. On high-intent pages — landing pages, pricing pages, trial signup pages — strip the nav or reduce it to logo-only. Typical lift: +5% to +14% on landing pages with no competing nav.
Mistake 3 — CTA repetition without hierarchy. Three "Start free trial" buttons stacked through the page creates repetition, not clarity. Repetition is fine — but only if the CTA never competes with itself. If you have multiple CTAs on a long page, they should all be the same action, at consistent visual weight, with no secondary options adjacent.
Mistake 4 — The modal exit. A "Get a demo" button that opens a modal with a 12-field form is a CTA that converts below 1%. It looks like an action but functions as an exit. If the secondary action requires significant commitment, it's not a secondary CTA — it's a separate conversion flow that needs its own page.
How to fix it this afternoon.
This is a visual hierarchy problem, not a copywriting problem. The fix is structural.
Step 1. Identify every element above the fold that could be clicked or tapped. Include nav links, CTA buttons, text links, and interactive elements.
Step 2. Rank them by the action you most want visitors to take. The top action is your primary CTA. Everything else is competing with it.
Step 3. For each competing element, decide: remove it, demote it to a text link, or move it below the fold.
Step 4. Ensure the primary CTA has the highest visual contrast on the page. If the ghost button is more noticeable than the primary button, swap them.
Step 5. On mobile, test the page at 390px. Do both CTAs appear on the initial viewport? If yes, one of them needs to move.
Most teams can complete this in under two hours without touching the design system.
How Levri spots CTA conflicts.
Levri analyses CTA count, visual weight, and placement position for every page element that functions as a conversion action — then ranks each conflict by its estimated impact on primary CTA conversion.
You get a specific finding ("Two CTAs at equal visual weight above fold on mobile") with a specific fix ("Move 'Watch demo' to text link below primary button") and a specific lift estimate — not a generic recommendation to "simplify your page."
Fix these first.
In order of typical impact:
- Move the secondary CTA from a button to a text link below the primary button.
- On landing pages and trial pages, strip or collapse the navigation.
- Audit every above-the-fold element for click potential. Remove or demote anything competing with the primary CTA.
- On mobile, check the initial viewport at 390px. Both CTAs visible? Move one below fold.
- Ensure the primary CTA has the highest contrast of any interactive element on the page.
Ship steps 1 and 3 first. They're the changes most teams can make without a design review — and together they typically account for the majority of the lift.
Frequently asked.
How many CTAs should a landing page have?
One primary CTA above the fold. If a secondary action is necessary, it should be a text link below the primary button — not a second button at equal visual weight. Every additional CTA above the fold forces a decision, and decisions reduce conversion.
Does having multiple CTAs hurt conversion rate?
Yes, consistently. Pages with a single above-the-fold CTA convert at a median rate 2.3× higher than pages with three or more CTAs at equal visual weight. The secondary CTA typically captures clicks that would otherwise go to the primary action — but those visitors convert to paid at roughly one-third the rate.
Should I have a "Watch demo" button on my landing page?
Not at equal prominence to your primary CTA. If you want to offer a demo path, make it a text link below the primary button. Visitors who need the demo before they'll commit will find it. Visitors who were ready to act won't be distracted by it.
Does removing navigation from a landing page increase conversions?
On dedicated landing pages, yes — typically by 5–14%. Every nav link is an exit. On pages where the primary goal is a specific conversion action (trial, demo, purchase), stripping or collapsing the navigation removes competing paths and keeps visitor attention on the intended next step.
What is CTA hierarchy and why does it matter?
CTA hierarchy is the visual and structural relationship between all clickable actions on a page. It matters because the brain makes immediate judgments about importance based on size, contrast, and position. When two actions appear at equal visual weight, the visitor treats them as equally valid options — creating hesitation where there should be a clear next step.