THE STICKY PHONE NUMBER. WHY IT SHOULD FOLLOW VISITORS DOWN THE PAGE.
A sticky phone number in your header can increase calls by 30% or more. Here's why this tiny design choice makes a massive difference for plumbing websites.
Here's a scenario that plays out a thousand times a day on plumbing websites across America.
Homeowner finds your site. Starts reading. Gets interested. Scrolls down to learn more. Sees your services. Reads a review or two. Thinks, "Yeah, I should call these guys."
Looks for the phone number.
It's... up at the top. Way up at the top. Where they scrolled past 30 seconds ago.
Now they have to scroll all the way back up. Or hunt for it in the footer. Or click the hamburger menu on mobile and hope it's in there somewhere.
You know what most people do instead?
They leave.
somebody please make it stop
The Problem Is Stupid Simple
Your phone number disappears when people scroll. That's it. That's the whole problem.
When a visitor scrolls past your header, the phone number goes with it. Out of sight, out of mind.
And in the 2 to 3 seconds it takes them to wonder "Wait, where's the number?"... the moment is gone. The urgency fades. They get distracted. They open another tab. They call the next plumber on Google.
You just lost a customer because your header wasn't sticky.
What's a Sticky Header?
A sticky header (sometimes called a "fixed" header) is a navigation bar that stays at the top of the screen as you scroll. It follows the visitor down the page.
So no matter how far someone scrolls, they always see:
- Your business name or logo
- Your phone number (click-to-call on mobile)
- Maybe a "Get a Quote" button
Always visible. Always one tap away.
That's it. That's the move.
The Numbers Don't Lie
This isn't some theoretical design preference. The data on sticky headers is clear.
Websites with sticky headers see 22% faster navigation (users find what they need quicker). This directly impacts your bounce rate.
Click-to-call taps increase by 25 to 35% when the phone number is always visible.
Bounce rates drop by 10 to 15% because visitors don't get frustrated looking for contact info.
For a plumbing website getting 500 visits a month, that could mean 15 to 20 more phone calls. At an average job value of $400, that's $6,000 to $8,000 in additional monthly revenue.
From a sticky header.
Let me say that again. Six to eight grand a month because your phone number follows people down the page.
If that doesn't convince you, I don't know what will.
What Your Sticky Header Should Look Like
Keep it clean. Keep it simple. Don't try to cram everything in there.
On desktop:
- Logo on the left
- Navigation links in the middle (Home, Services, About, Reviews, Contact)
- Phone number on the right, big and bold
- Maybe a "Get a Free Quote" button next to it
On mobile (this is the important one):
- Logo on the left (small)
- Hamburger menu for navigation
- Click-to-call button on the right (a phone icon or the actual number)
- Some sites add a second sticky bar at the BOTTOM of the mobile screen with "Call Now" and "Get a Quote" buttons
The mobile version matters most because that's where 80%+ of your traffic is coming from. And on mobile, a tap on that phone number opens the dialer instantly.
Zero friction. Maximum calls.
Common Mistakes With Sticky Headers
I've seen a lot of plumbing websites try this and screw it up. Here's what to avoid.
### Making it too big
Your sticky header should be slim. Maybe 50 to 60 pixels tall. If it takes up a quarter of the screen, it's annoying and it blocks content. People will hate it.
### Hiding the phone number behind a menu
Don't put your phone number inside a dropdown menu on mobile. That defeats the entire purpose. The number should be visible WITHOUT tapping anything.
### Using an image instead of text for the phone number
Some sites put the phone number as part of a logo image. Google can't read it. Screen readers can't read it. And most importantly, it's not clickable on mobile. Always use actual text with a tel: link.
### Not making it click-to-call
On mobile, your phone number MUST be a clickable link. The HTML is dead simple: ``. Google recommends tappable phone links on all mobile sites. If your web guy didn't do this, fire him. (Not really. But also... maybe really.)
### Adding too many elements
A sticky header with 8 navigation links, a search bar, a phone number, a chat widget, social media icons, and a banner ad? That's not a sticky header. That's a sticky nightmare. Less is more.
The Bottom Sticky Bar (Mobile Power Move)
Here's a pro tip that works insanely well for plumbing sites.
In addition to your sticky top header, add a sticky bottom bar on mobile only. It sits at the very bottom of the screen, always visible, with two buttons:
[Call Now] and [Get a Quote]
That's it. Two buttons. Always there. No matter where they scroll.
This dual-sticky approach (top and bottom) means the visitor is literally surrounded by ways to contact you at all times. There's no scrolling, no searching, no friction.
We put this on every plumbing website we build and the results speak for themselves.
See how it works on our client sites.
"But Won't It Be Annoying?"
Nope.
If it's designed well (slim, clean, not flashing or bouncing), visitors don't even notice it consciously. It just... exists. Like a safety net.
They scroll, they read, and when they're ready to call, the number is RIGHT THERE.
Nobody has ever said "I left that plumbing website because the phone number was too easy to find." That's not a thing.
You know what IS annoying? Having to scroll back to the top of a page to find a phone number. That's annoying. Sticky headers prevent that.
How to Check If Your Site Has One
Pull up your website on your phone. Scroll down. Does your header disappear? Does the phone number vanish?
If yes, you've got a problem. And you now know exactly how to fix it.
If you're on WordPress, most modern themes have a "sticky header" option in the settings. Turn it on. Make sure your phone number is in the header. Done.
If you're on Wix or Squarespace, the options are more limited. You might need a custom code snippet or a third-party app.
Or... you could just let us build you a website that's designed to convert from the ground up. Just sayin'.
The Easiest Conversion Win You'll Ever Get
Sticky phone numbers aren't sexy. They're not flashy. Nobody writes blog posts about them.
Oh wait. I just did.
Because this tiny, almost invisible design decision can mean the difference between 20 calls a month and 35 calls a month. Between a slow season and a booked season.
Make your phone number follow people down the page. That's it. That's the whole post.
Ready for more easy wins? Get a free website audit and we'll find every conversion leak on your current site. Not just the sticky header stuff. ALL of it.
Check our pricing. It's less than you'd think for a website that actually books jobs.
P.S. Go test your competitor's websites right now. Scroll down on their sites. Can you see their phone number? If you can't... congratulations. You just found an advantage you can exploit. If you CAN see theirs and you can't see yours... well, now you know who's getting the calls you should be getting. Fix it today.