Most hair salon websites fail at one job — and a proper salon website checklist fixes it. The job: converting a client who's scrolling on her phone at 9 PM into a booked appointment for next week. Most sites load slow, the booking button is buried two clicks deep, the prices are nowhere, and the portfolio is a 2019 Instagram screenshot. Meanwhile the salon down the street books her instead.
This is a checklist of the 12 elements that actually matter on a hair salon homepage in 2026, each backed by client research. If your site is missing three or more, you're leaking appointments to the competitor whose site isn't. At an average ticket of $85, losing one booking a week is $4,400 a year — more than most salon websites cost to rebuild outright. Work through it in order — the first five carry more weight than the last seven combined.
What Should a Hair Salon Website Include?
A hair salon website must include eight essentials: an online booking link above the fold, a service menu with prices, a real portfolio of recent client work, current Google and Yelp reviews, a tap-to-call phone number, the address with an embedded map, stylist bios, and a cancellation or deposit policy. Missing any of these costs measurable bookings.
The data backs this up: 94% of clients prefer salons that offer online booking, and 78% of salon clients check reviews before booking.
The 12 salon homepage must-haves, ranked:
- Online booking link above the fold
- Service menu with prices
- Real portfolio of client work
- Current Google and Yelp reviews
- Tap-to-call phone number
- Address with embedded Google Map
- Current hours of operation
- Stylist bios with specialties
- Cancellation and deposit policy
- Fast mobile load speed
- NAP consistency with Google Business Profile
- First-visit incentive or email capture
1. Online Booking Link Above the Fold
This is the single most important element on the page, and the one most salons get wrong. 94% of clients prefer salons that offer online booking, 73% of Gen Z and Millennial clients expect 24/7 online booking, and 46–50% of salon bookings happen outside business hours — when nobody's there to answer the phone.
The fix: pick one booking platform (Fresha, Vagaro, Square Appointments, Booksy, or Acuity) and link a "Book Now" button in the header, in the hero, and as a sticky element on mobile. Don't make the client scroll. Don't make them call. 42% of potential clients won't retry booking if their first attempt fails — one broken link or hidden button and they're at the salon down the block. Bonus: online bookings have a ~49% lower no-show rate than phone bookings, because the confirmation and reminder happen automatically.
2. Service Menu With Prices
If you offer a service, list it. If you list it, price it. "Call for pricing" is the salon equivalent of a PDF menu — it reads as evasive, drops you out of the consideration set for any client with a budget, and forces a phone call most clients won't make.
The fix: a clean services section with categories (Cut, Color, Highlights, Balayage, Extensions, Treatments) and a price range for each — "$95+" or "$120–$180" is fine if your prices vary by length or stylist level. Show what you charge. Clients researching salons are comparing five tabs side by side; the one with prices wins the shortlist. This is one of the clearer gaps in competitor coverage — Zolmi, Sunnystorm, and Booksy's salon-website guides all skip the pricing-transparency argument entirely, which is why salons that publish prices stand out.
3. Real Portfolio of Client Work
Stock photos and stylized brand shots are obvious. Real work — recent cuts, color transformations, balayage results, bridal updos — is what clients are actually scrolling for. They want to see what your hands produce, not what your photographer's Pinterest board produces.
The fix: a portfolio section with 12–20 real client photos, refreshed every 2–3 months. Get permission, shoot in natural light, label the service ("Balayage, 4-hour session, Stylist: Maria"). Before/after pairs convert harder than single shots. If you're already posting this work on Instagram, embed the feed or mirror the best 12 onto the site — don't make a client leave to find your portfolio.
4. Current Google and Yelp Reviews
78% of salon and spa clients check reviews before booking, and nearly 50% will only consider salons with a 4.5+ star rating. Reviews aren't social proof in the abstract — they're the gate. Below 4.5 and half your potential clients filter you out before they ever load your site.
Embed 3–5 real reviews on the homepage with the reviewer's name and platform (Google, Yelp, Fresha, Booksy). Don't fabricate them. Don't use a generic "5 stars!" graphic. A paragraph from an actual client is worth 10 stars from nobody. And respond to reviews on the platforms themselves — 88% of consumers would use a business that replies to all reviews, compared to 47% for one that doesn't respond at all. 80%+ of salon clients say a salon's response to negative reviews matters to their booking decision — a calm, professional reply to a bad review converts better than 20 five-star ones.
5. Tap-to-Call Phone Number
Not "call us at 555-1234" — an actual tel: link that dials when tapped. 82% of salon bookings happen on mobile devices. Every one of those clients is holding a phone that can dial the moment they tap the number, but only if you wire it up.
The implementation is one line of HTML: <a href="tel:+15551234567">(555) 123-4567</a>. The phone number belongs in the header on desktop and in a sticky element on mobile, right next to the "Book Now" button. Online booking is the primary path, but some clients — older regulars, complex consultations, last-minute requests — still want a human. Don't make them dig through a Contact page to find the number.
6. Address With Embedded Google Map
Print the full address as real text (street, city, zip), then embed a Google Maps iframe directly below it. Not a screenshot, not a link out — an embedded interactive map. Salon clients want to check parking, neighborhood, and walking distance from transit before they commit.
The address on your website must match exactly what's on your Google Business Profile, Yelp, Fresha, and any directory you're listed on. NAP consistency (Name, Address, Phone) is a clear local SEO signal — mismatched listings hurt trust and drop you out of the local map pack. 46% of consumers "always" or "often" add "near me" to local searches, and "hair salon near me" alone gets 1.83 million searches a month. If your address doesn't match across platforms, Google deprioritizes you for every one of those searches.
7. Current Hours of Operation
Hours go in the header or in a prominent block near the top — not buried in a footer, not on a separate Contact page. Clients want to know if you're open right now, if you do late evenings, if you work Sundays.
Keep them current. Outdated hours are worse than no hours at all: a client who shows up to a closed salon does not come back, and they leave a 1-star review on the way. Update the holiday schedule. Update the summer hours. Mirror the exact same hours to your Google Business Profile — complete, accurate GBPs are 70% more likely to drive a visit.
8. Stylist Bios With Specialties
Clients aren't booking "the salon" — they're booking a specific stylist for a specific service. A team page with real photos, names, years of experience, and specialties ("Maria — 8 years, balayage and corrective color") lets clients self-select the right stylist and arrive with realistic expectations.
This also doubles as a hiring signal: stylists scrolling salons to apply to want to see how their future colleagues are represented. A salon that puts its team front and center attracts better hires than one that hides them behind a stock-photo grid. Keep it human: first names, real photos taken in the salon, one sentence on what each stylist loves to do most.
9. Cancellation and Deposit Policy
The salon-industry pain that doesn't get talked about: the average salon loses $2,500–$5,000 a month to no-shows. A clear, public cancellation policy ("24 hours notice required; 50% deposit on services over 2 hours") backed by deposit enforcement at booking is the single biggest revenue-protection lever after online booking itself.
The fix: a short policy section on the homepage and a checkbox at booking. Don't bury it in the footer or a separate "Policies" page — surface it where the client decides to book, so the expectation is set before the appointment, not after. Every booking platform (Fresha, Vagaro, Square, Booksy) supports deposits and no-show fees natively. Turn them on. None of the competitor checklists rank for this niche cover cancellation policy at all, which is why it's a content gap worth occupying — and a revenue gap worth closing.
10. Fast Mobile Load Speed
This isn't a visible element, but everything else on the page depends on it. 53% of mobile visitors abandon a page that takes more than 3 seconds to load. For a client searching "balayage near me" at 9 PM on a Tuesday, a slow site is invisible — she's already tapped the next result.
Most salon websites fail here because they're built on Wix, Squarespace, or WordPress themes that load megabytes of JavaScript to render a portfolio and a booking widget. A well-built one-page site loads in under a second, works on a basic Android with one bar of signal, and gets you into the consideration set of every late-night booking decision in your zip code.
11. NAP Consistency With Google Business Profile
Your website and your Google Business Profile are not two separate marketing channels — they're one funnel. Customers are 2.7× more likely to find a business reputable with a complete GBP, and a complete GBP accounts for ~19% of local ranking performance. If your name, address, phone, hours, and service list don't match exactly between your site and your GBP, Google treats it as two different businesses and ranks neither.
The fix: audit your name, address, phone number, hours, and service categories once a quarter. Same name (no "Maria's Salon" on the site and "Maria's Hair Studio" on GBP). Same phone format. Same hours, week by week. Same primary service category. The GBP vs website post covers this in more depth.
12. First-Visit Incentive or Email Capture
The last item on the list and the one most salons skip entirely. A first-visit offer ("$25 off your first color service, valid 60 days") or a soft email capture ("Get our seasonal color guide") turns a browsing visitor — the one who isn't quite ready to book today — into a list of people you can market to next month.
The bar is low: a single inline form, an honest offer, a one-line privacy note. Don't pop a modal in the first 5 seconds. Don't ask for phone number, birthday, and ZIP. One email field, one button, one clear value proposition. A list of past visitors is the closest thing a salon owns to a marketing channel that doesn't depend on Google or Instagram's algorithm.
Building a salon website from scratch? PageDrop ships all 12 of these in a 95+ PageSpeed one-page site for $297 one-time — no monthly fees, no platform lock-in, live in 48 hours.
What to Skip on a Salon Website
As important as what to include is what to cut. The following elements add weight without adding bookings and should be removed from most single-location salon sites. Here's the quick include-vs-skip reference:
| Include | Skip |
|---|---|
| Online booking above the fold | "Call to book" only |
| Service menu with prices | "Call for pricing" |
| Real client portfolio | Stock model photos |
| Embedded reviews from Google/Yelp | Generic "5 stars" graphics |
| Tap-to-call phone link | Phone number as plain text |
| Single scrollable page | Separate About / Services / Contact pages |
| Embedded Google Map | Static map screenshot |
| Silent page load | Autoplay music or video |
More detail on the most harmful anti-patterns:
- Autoplay music or video. A client browsing in a quiet office at lunch will close the tab faster than the audio loads.
- Hero slideshows. A rotating carousel pushes the booking button below the fold and splits attention across images the client didn't ask to see. Pick one strong hero image of real work.
- Splash pages. "Click here to enter" is a relic. Every extra click is a chance to lose the booking.
- Separate pages for About, Gallery, Contact. A single scrollable page keeps everything one swipe away.
- Stock model photos. Clients can spot them in two seconds and they actively hurt trust. Real work or no photo.
- Blogs you don't maintain. A "Spring 2022 Color Trends" post dated three years ago signals the salon may not be paying attention to anything else either.
The salon website design pillar covers the broader Instagram-vs-website decision, and the salon website cost post breaks down what each of these elements actually costs to implement across Wix, Squarespace, and one-page alternatives.
Frequently Asked Questions
What should a hair salon website include?
A hair salon website must include an online booking link above the fold, a service menu with prices, a real client portfolio, current Google and Yelp reviews, a tap-to-call phone number, the address with an embedded Google Map, current hours, stylist bios, and a cancellation or deposit policy. 94% of clients prefer salons that offer online booking and 78% check reviews before booking, so missing any of the top five costs measurable appointments.
What are the essentials every hair salon website needs?
The five non-negotiables: an online booking link visible above the fold, a service menu with prices, a real portfolio of recent client work, embedded Google or Yelp reviews, and a tap-to-call phone number. Beyond those, add an embedded map, current hours, stylist bios, a cancellation policy, and fast mobile load speed. Every element above is something 82% of mobile-booking clients use in the first 20 seconds of evaluating a salon.
Do salons need online booking on their website?
Yes. 94% of clients prefer salons that offer online booking, 73% of Gen Z and Millennial clients expect 24/7 booking, and 46–50% of bookings happen outside business hours. Fresha, Vagaro, Square Appointments, Booksy, and Acuity all offer embeddable widgets. Put a Book Now button in the header, the hero, and as a sticky mobile element.
Should I show prices on my salon website?
Yes. "Call for pricing" reads as evasive and drops the salon out of the consideration set for budget-conscious clients. Publish a service menu with categories (Cut, Color, Balayage, Extensions, Treatments) and a price range for each — "$120–$180" is fine if rates vary by length or stylist level. Clients comparing salons in five browser tabs at 9 PM choose the one that answers the price question first.
How important is a portfolio on a hair salon website?
Critical. Clients aren't booking based on the salon's logo — they're booking based on the work. A portfolio of 12–20 real client photos, refreshed every 2–3 months, outperforms any amount of stylized brand photography. Get permission, shoot in natural light, and label each photo with the service. Before/after pairs convert harder than single shots.
How many reviews does a hair salon website need?
Nearly 50% of clients will only consider salons with a 4.5+ star rating, and 78% check reviews before booking. Volume matters less than recency and response: 30 current reviews with thoughtful replies converts better than 200 stale ones. Embed 3–5 real reviews on the homepage with the reviewer's name and the platform they came from.
Should my salon website have a cancellation policy?
Yes. The average salon loses $2,500–$5,000 a month to no-shows. A short, public policy ("24-hour cancellation, 50% deposit on services over 2 hours") backed by deposit enforcement at the booking step is the single biggest revenue-protection lever after online booking itself. Every major booking platform supports deposits and no-show fees natively — turn them on.
How fast should a hair salon website load?
Under 2 seconds on mobile. 53% of mobile visitors abandon a page that takes more than 3 seconds, and most salon clients are searching on their phone at night. A static one-page site loads in under a second; a Wix or Squarespace build typically takes 3–5 seconds on mobile, which is enough for the next salon in the search results to win the booking.
What's the difference between a salon website and a Google Business Profile?
A Google Business Profile is your free Google listing — map pin, hours, reviews, photos, phone. A website is what clients see when they tap through. Complete GBPs are 70% more likely to drive a visit, but the GBP alone isn't a portfolio, a booking flow, or a place to set policy. Local businesses need both — the GBP vs website post covers the split in detail.
Should a salon website include stylist bios?
Yes. Clients book specific stylists, not "the salon." A bio section with real photos, names, years of experience, and specialties ("Maria — 8 years, balayage and corrective color") lets clients self-select the right stylist and arrive with realistic expectations. It also doubles as a recruiting signal for future hires.
Do I need a salon website if I have Instagram or a Google Business Profile?
Yes. Instagram and Google Business Profile are discovery channels, not booking channels — neither owns the appointment flow, the service menu with prices, the cancellation policy, or the email list. The salon website design pillar covers the Instagram-vs-website tradeoff in depth: use Instagram and GBP for top-of-funnel reach, and a one-page site to convert.
How much does a hair salon website cost?
Anywhere from $352 over 3 years (one-page static site) to $10,400 over 3 years (Wix or Squarespace with paid add-ons and a designer). The full salon website cost breakdown compares seven routes including Wix, Squarespace, WordPress, Fresha's free site, Instagram-only, hiring an agency, and the $297 one-page alternative.