Sticky approve bar

A pinned bar carrying the total and the approve action whenever the real signing block is off screen.

What it is

A bar controlled by an IntersectionObserver on the approval section. It appears only while that section is out of view and scrolls the customer to it. On an already-approved estimate it changes to a continue action instead.

Also called: floating CTA · approve button follows me

See it
Sticky approve bar
New lead 2
Marlin Hoover
$49k
Delia Yoder
$53k
Sutter Kline
$36k
Contacted 2
Sutter Kline
$30k
Ronan Petsch
$34k
Estimate 2
Ivy Brubaker
$65k
Gideon Alt
$44k
Sold 3
Marlin Hoover
$77k
Delia Yoder
$49k
Sutter Kline
$66k
Phone screenshot mid-scroll with the pinned bar showing the total and Approve. EstimateView sticky CTA. Sample data — no customer information appears here.
How it works
  1. 1An IntersectionObserver watches the approve section at a 0.1 threshold
  2. 2The bar shows when the section is not intersecting
  3. 3Tapping smooth-scrolls the approval block into the centre of the viewport
Why we built it

The estimate is a long scrolling document and buyers decide somewhere in the middle of it — over the payment schedule, or while turning the model around. On a phone the approve button was several screens away from wherever that happened, so a ready customer had to go hunting for it. A slim bar follows them down the page and gets out of the way as soon as the real approval block is on screen.

The problem
  • A single call to action stranded at the bottom of a long document
Sound familiar?
What you get
The decision is always one tap away, at any scroll position

See it on your own jobs

Twenty minutes, your numbers, no slide deck. We’ll build one of your real buildings in front of you and send you the estimate link at the end — yours to keep either way.

or keep browsing features →