What is above the fold, and why it decides a plumbing call
"Above the fold" is the slice of your homepage a visitor sees before they scroll: on a phone, roughly the top 600 pixels. For most trades that space is a nice-to-have. For plumbing it is the whole game. A homeowner with water spreading across the kitchen floor is not reading your About page. They are scanning for two seconds and deciding whether to tap or leave.
The search itself tells you the urgency. "Emergency plumber near me," "water heater leaking," "drain backing up now." These are not research queries. They are panic queries, thumbed one-handed while the other hand holds a towel. The person is standing up, not sitting at a desk. Your fold has one job: convince them, fast, that calling you ends the problem.
Here is the order most plumbers get wrong. They lead with a hero photo, a fade-in slideshow, a tagline about family values, and a "Contact Us" link buried in the top-right corner. By the time the number is visible, the homeowner has already dialed a competitor whose number was the biggest thing on the screen.
Flip it. The phone number is the loudest element above the fold, tappable, with a second tap-to-text button beside it. Right under it: the promise ("24/7 emergency plumbing" or "same-day service") and the service area ("Serving Naples, Bonita Springs, and Marco Island"). Then one proof line. That is a fold that books calls. The pretty photography and the story go below, for the homeowner who is comparing three plumbers on a Tuesday afternoon for a bathroom remodel, a different and slower buyer entirely.
There are really two customers hitting your homepage, and the fold has to serve the fast one first. The emergency buyer needs a phone number and a promise, now. The planned buyer, the one pricing a repipe or a new water heater on a weekday, will scroll, read, and compare. If you design the fold for the planned buyer, you lose the emergency calls, which are the higher-value, higher-margin jobs. If you design the fold for the emergency buyer, you keep both, because the planned buyer scrolls down to the story and the photos anyway. The fold belongs to the panic.
The exact elements that belong above the fold
Strip it to what earns its place. Every element above the fold either moves the homeowner toward the phone or gets cut. Here is the working checklist.
| Element | What it does | Common mistake |
|---|---|---|
| Tap-to-call button | Turns the number into one tap on mobile | Number is plain text, or an image, so it does not dial |
| Tap-to-text button | Catches homeowners who would rather text a photo of the leak | No text option at all |
| Emergency promise | "24/7," "same-day," "answered by a person" | Vague tagline instead of a real promise |
| Service area line | Names the towns so they know you cover them | "Serving the greater metro area" (means nothing) |
| One trust line | License number, years in business, insured | Three paragraphs of story before the number |
| Real photo | Your truck, your crew, your face | Stock photo of a smiling model holding a wrench |
Notice what is not on the list: a slideshow, a video background, a chatbot popup that covers the number, a cookie banner that fills the screen, an email newsletter signup. At 11pm during a flood, every one of those is an obstacle between the homeowner and the phone. A chatbot that opens over your number on load is not a helpful touch. It is a wall the homeowner has to close before they can call, and half of them will not bother.
The trust line matters more for plumbers than most trades because you are asking a stranger to let you into their home tonight, often while they are alone and stressed. A license number and "licensed and insured since" a real year does more work than any adjective. Use the actual number. It reads as a receipt, not a claim. "Family owned since 1998" with a real license plate beats "award-winning service" every time, because one is a fact the homeowner can check and the other is a phrase every website uses.
One more element earns fold space if you can back it honestly: how the phone gets answered. "Answered by a real plumber, not a call center" or "a person answers, day or night" speaks directly to the fear driving the search, which is that they will call, get voicemail, and still be standing in water. Only say it if it is true. If it is, it belongs up top.
Mobile first is not a slogan for plumbers
For a plumbing site, mobile is not one of two versions to design. It is the version. The desk version is the afterthought. Emergency plumbing searches skew heavily to phones because the emergency happens where the water is, not where the computer is. If your site was designed on a big monitor and only checked on mobile at the end, the fold is almost certainly wrong.
The single highest-value mobile element is a fixed call bar: a strip pinned to the bottom of the screen with a Call button and a Text button that stay put as the homeowner scrolls. No matter where they are on the page, the phone is one tap away. It sounds small. It is the difference between a booked job and a bounce.
Two more mobile rules that matter for plumbers specifically:
- Tap targets big enough for wet, panicked thumbs. Buttons need real size (44 pixels minimum) and space around them. A tiny link the homeowner keeps missing is a lost call.
- The number never moves off-screen. Sticky header, fixed bottom bar, or both. The homeowner should never have to scroll to find it.
Test it the way a customer will. Pull the site up on your own phone, on cellular data, not your shop Wi-Fi. Time how long it takes to load and how many taps it takes to dial. If it is more than two seconds to load or more than one tap to call, that is your redesign brief right there.
This is a build decision, not an ongoing service. The way the site is coded, hand-built and lean instead of a page-builder template stuffed with plugins, is what makes the mobile fold fast. That belongs to the website itself. How the site ranks over time is a separate job.
Speed is a fold feature, not a technical footnote
Page speed reads like an engineering detail, so plumbers ignore it. On an emergency call, it is the most important thing on the page. A homeowner in a panic will not wait for a slow site. The behavior is measured and brutal: every extra second of load time bleeds off a share of visitors who close the tab before your fold ever paints.
Now picture that at the worst moment. Water is spreading, they searched "emergency plumber," they tapped your listing, and your homepage is still loading a hero video and four tracking scripts. They are gone before your number appears. The fastest-loading plumber on the results page effectively wins by default.
What makes plumbing sites slow is almost always avoidable: a WordPress theme carrying a page-builder plus a dozen plugins, an autoplay hero video, a stack of unoptimized photos, and a pile of third-party scripts. Each one is a delay before the fold shows up. Speed is not something you bolt on later. It is a consequence of how the site is built.
Our stance on this is a build stance. We hand-code static sites (no WordPress, no page-builder bloat) so the fold loads in under 2 seconds on a phone. Fewer moving parts, nothing to slow it down, nothing to break at 11pm. For a trade where the whole sale is "call us now," a fold that appears instantly is not a luxury. It is the product.
You can sanity-check your own site today. Run it through Google's PageSpeed Insights on the mobile setting. If the number is red, that is customers you are losing before they ever see your phone number, and no amount of pretty design below the fold makes up for it.
The pages behind the fold: real job pages, not one long homepage
The fold books the emergency. The rest of the site books everything else and answers the questions a homeowner asks before they trust you. The mistake is cramming it all onto one scrolling homepage. Plumbers who book well have real pages for the real jobs.
A page per core service: water heater repair and replacement, drain cleaning, sewer line, repiping, leak detection, sump pumps, gas lines. Each page names the job in the words homeowners actually type, shows what it involves and roughly what to expect, and puts the phone number and a quote form right there. When someone searches "tankless water heater install," they should land on a page about exactly that, not a generic homepage where they have to hunt.
A page per town you cover. "Plumber in Bonita Springs" is a different search than "plumber in Naples," and a homeowner wants to see their own town's name before they believe you serve it. A real service-area page, not a fake list of 200 cities you have never driven to, does that honestly. It names the town, the neighborhoods, the drive time, and the jobs you actually do there. A homeowner in Marco Island who sees Marco Island on the page trusts you in a way a generic "Southwest Florida" line never earns.
Every one of those pages needs a working quote form that actually lands in your inbox, and every one needs the fold discipline from up top: number visible, promise clear, one tap to call. A structure like this typically runs to a cluster of pages (94+ is common for a fuller build) so each real search has a real page to land on. The emergency buyer taps the number the second they land. The planned buyer reads the service page, checks the town page, then fills the form. The same site has to serve both, and the page they land on has to match the search that brought them.
Two things this guide will not re-teach: getting those pages to rank in Google over time, and winning the map pack with your Google Business Profile and reviews. Both matter. Both are ongoing work that happens after the site is built, and they live in their own lane. This guide is about the asset you build and hand over: a plumbing site whose fold, speed, and pages are structured to book the call the moment a homeowner arrives.
How to judge a plumber website design before you pay for it
If you are pricing a plumbing website right now, you do not need to become a web designer. You need a short list of questions that separate a site that books calls from a pretty brochure. Ask every designer these.
- Where does the phone number sit on mobile, above the fold or below? If it is not the loudest thing on the first screen, keep looking.
- Is there a fixed call and text bar on mobile? The answer should be yes without hesitation.
- How fast does the fold load on a phone on cellular data? You want a straight answer and a real number. Under 2 seconds is the bar.
- Do I get a real page for each service and each town, or one long homepage? Real pages win the specific searches.
- Does the quote form actually deliver to my inbox, and did you test it? Dead forms are shockingly common. Send a test lead before launch.
- Is this built on WordPress with a page builder, or hand-coded? Page-builder sites carry weight that slows the fold. Ask what the tradeoff is.
Watch for the tells of a site built to look good in a portfolio instead of book jobs: a giant autoplay video, a slow hero slideshow, stock photos of models with wrenches, a number you have to scroll to find, and a contact form nobody tested. Those choices photograph well and convert badly.
The honest way to buy is to look at how the designer's own plumbing builds behave on a phone. Load one on cellular. Time it. Count the taps to dial. If it is fast and the number is right there, that is the work. If it is a slow slideshow, no fold discipline will save it, and you will be back here in a year pricing a redesign.
We have built contractor sites this way since 2008. A plumbing site's job is not to win a design award. It is to answer a panicked homeowner in under two seconds and put the phone one tap away. Everything above the fold serves that. Everything that fights it gets cut.