What it is
A floating CTA bar pinned to the bottom of the mobile viewport on the advertorial, plus 3–4 inline CTAs placed directly after the advertorial's peak emotional moments. Two variants exist:
- Always-on sticky (Nooro) — CTA visible from page load
- Delayed sticky (Mama Bear Oasis) — CTA hidden until ~40–50% scroll, revealed after product is introduced
Why this fits TerraShell specifically
Your advertorial is ~2,500–3,000 words with only 5 CTAs. The first is near the top; the next isn't until post-problem. On mobile, that's hundreds of pixels of scroll where a reader has no conversion path. Every pixel between two CTAs is an exit opportunity.
Nooro's advertorial — highly optimized, with sticky CTA + early inline CTAs — hits 21–26% overall CVR (advertorial landing → purchase) per Matt Matarano at Checkout Champ. You can hear him say it directly: 14:01.
See it live: compare Nooro (sticky) vs. Mama Bear (anti-pattern)
The clearest way to grasp this pattern is to compare the two advertorials side by side. Nooro has a persistent orange sticky bar that travels with the reader through every scroll position. Mama Bear has no sticky at all — only a small inline hyperlink that Adiel's own critique calls "not very obvious."
Implementation spec — the sticky bar itself
STICKY CTA BAR (mobile only, <768px) ┌─────────────────────────────────────────────┐ │ [🛡] Claim My 50% Off Family Bundle → │ ← CTA │ Flash Sale: 2h 47m remaining │ ← optional timer └────────────────────────────────────────────┘
- Positioning:
position: fixed; bottom: 0;spans full width, ~56px tall - Z-index: above everything except modals
- Not dismissible. Nooro doesn't let you close it. Don't add an ×.
- Color: match your existing orange/red "SAVE UP TO 55%" button — don't introduce a new color
- Copy rotation: A/B three variants — "Claim My 50% Off", "Secure My Family's Supply", "Check Availability Now"
- iOS Safari: use
env(safe-area-inset-bottom)so the bottom navigation doesn't cover the bar - Body padding: add 60px bottom padding to the advertorial content so the sticky doesn't obscure the footer disclaimer
The second half: inline CTAs at pain-point peaks
Matt Matarano's insight from Nooro's optimization — watch him explain it in his own words: 08:18.
For TerraShell's existing advertorial, the peaks already exist. Drop inline CTAs immediately after each:
| Scroll | After this moment | Inline CTA copy |
|---|---|---|
| ~15% | Cotton-blankets-extract-heat mechanism revealed | "Skip the mistake. Claim My 50% Off →" |
| ~40% | Jennifer M. Buffalo testimonial ends | "Don't wait like Jennifer did →" |
| ~60% | David M. Denver highway testimonial ends | "Protect the family drive →" |
| ~75% | Webb "72-hour FEMA baseline" block | (existing CTA — keep) |
Bonus: swap video for GIFs throughout the advertorial
Nooro deliberately uses GIF animations instead of embedded video — faster page load, autoplays silently on mobile, "shows and tells at the same time." Matt explains why: 07:46.
Video evidence from the Nooro breakdown
Click any clip to watch at the exact timestamp.
Expected lift (honest ranges)
Watch-outs
Next moves
- Ship the always-on sticky CTA — 1 day of frontend dev
- Add the 3 inline CTAs at the identified scroll points — half a day
- Set up per-CTA click tracking (GA4 event or similar) so you can see which pain-point pop converts best
- Ship a 5–8 sec "problem → solution" GIF at the top of the advertorial — half day to produce
- Measure advertorial CTR→PDP before/after for 1–2 weeks on equal traffic