Website builder

Build a salon website where clients
pick the stylist and the time.

Tell Netiva’s AI agent about your chairs, services and stylist levels, and it builds a site with a live price list, portfolio pages, online booking and a shop for aftercare products.

Start building free More website ideas
Starter prompt

Build a website for a six-chair hair salon that also books barbering clients. List services by category, each with chair time, processing time and a base price. Stylists have levels — new talent, stylist, senior and master — and each level adds the same percentage to the base price. Give every stylist working days, hours and client-approved photos of their work. Clients book a service, a stylist and a start time that fits the whole appointment. Color needs a patch test for that client, at least 48 hours old and inside the color maker’s window; corrections and extensions start as consultation requests. Add a shop for aftercare products.

Build it in Netiva Paste the prompt into a new workspace and adjust it to your business.
Overview

Who this salon website is for

Plenty of salons send clients to a photo of the price board and a phone number. So the phone rings with the same questions: what a senior stylist charges for a long-hair cut, who does curly cuts or skin fades and whether a first color appointment needs a patch test. A salon website built with Netiva answers them on the page. Services, stylists and their work live in collections, so the price list, profiles and booking flow always agree. Clients book the stylist they want at a time that fits the full service, then buy the products that stylist uses.

Key features

What your salon website can do

  • A service menu priced by level

    Services come from a collection with chair time, processing time and a base price. Each level adds its own percentage — the same for every stylist at that level — so the menu, the profiles and the booking flow show one set of numbers.

    • “From” prices and the full range across levels
    • Cuts priced by length and time, not by the client’s gender
    • Consultation-first tags on corrections and extensions
    • Total appointment time shown before anyone books

  • Stylist profiles with their work

    Every stylist and barber gets a page with their photo, level, working days and hours, and a grid of looks tagged by service and hair type, so the work shows what they specialize in. The book button has them already selected.

    • Looks filtered by hair type, from straight to coily
    • Only photos the client agreed to share go live
    • An away-until date that hides their times while they’re off
    • Each stylist’s own prices under their photo

  • Booking that respects color

    Clients pick a service, then a stylist or anyone at a chosen level, and see only start times that fit chair and processing time inside that stylist’s hours. Color bookings check for a current patch test first.

    • A patch test for this client, at least 48 hours old and inside the color maker’s window
    • Corrections and extensions saved as consultation requests with a photo
    • Confirmation and day-before reminder emails
    • Clients sign in to see, cancel or rebook visits

  • An aftercare shop

    Sell the shampoos, masks and styling products you use in the chair through Netiva’s built-in store, so clients can buy the same products at home.

    • Travel, full and liter sizes as variants with their own price and stock
    • Categories for color care, curl care, styling and tools
    • “Used in this look” links from portfolio photos
    • Hosted one-page checkout with cards and automatic tax
Data model

The collections behind it

Netiva keeps your records in built-in collections. Here’s a starting structure — the agent adapts it to your prompt, and you can change it any time.

Services

Everything on the menu, with how long it takes and what it costs at the base level.

  • Name (required) Text
  • Category (required) Cuts, color, treatments, styling, barbering, extensions or patch test Text
  • Description Paragraph
  • Chair time (required) Minutes of hands-on time, before and after processing Number
  • Processing time Minutes color or a treatment develops; the stylist can take a short service Number
  • Base price (required) Price at the entry level; shown as the “from” price Number
  • Booking type (required) Instant or consultation first Text
  • Needs patch test (required) Yes for oxidative color, and for lightening finished with a toner or gloss; no for cuts Text

Stylists

The people in your chairs, with the level that sets their prices and the days they work.

  • Name (required) Text
  • Photo (required) Image
  • Level (required) New talent, stylist, senior or master; the level sets the markup below Text
  • Level markup (required) Percent added to base prices; the same number for every stylist at this level Number
  • Working days (required) Days they take bookings, such as Tue, Wed, Thu, Fri, Sat Text
  • Starts (required) 24-hour time their chair opens on those days, such as 09:00 Text
  • Ends (required) Such as 18:30; a service can’t be booked to run past it Text
  • Away until Time off: their chair takes no bookings until this moment Date & time

Looks

Portfolio photos, each tied to the stylist and the service behind it.

  • Photo (required) Image
  • Stylist (required) Relation to Stylists
  • Service (required) Relation to Services
  • Hair type Straight, wavy, curly or coily Text
  • Caption Text
  • Products used Store product names or SKUs for the “used in this look” links Text
  • Client consent (required) Yes or no; only yes is shown on the site Text

Bookings

Every appointment and consultation request, from the first request to the finished visit.

  • Client name (required) Text
  • Email (required) Used for confirmations and reminders Text
  • Service (required) Relation to Services
  • Stylist Blank on consultation requests until the desk assigns one Relation to Stylists
  • Starts at Set when the booking is confirmed Date & time
  • Patch test done on Recorded for each color visit, at least two days before it and inside the maker’s window Date
  • Hair photo Current hair, for consultation requests Image
  • Status (required) Requested, confirmed, checked in, completed, canceled or no-show Text

Required field. Types are Netiva collection field types.

Screens

Pages and screens to start with

A typical first version. Ask the agent for more, or annotate the preview to change any of them.

  • Services and prices

    The full menu by category with “from” prices, the range across levels, total appointment time and which services start with a consultation.

    Public

  • Stylist profile

    Photo, level, working days and hours, and the looks for one stylist, with their own prices and a book button that has them already selected.

    Public

  • Book

    Choose a service, a stylist or a level and a start time that fits; color clients without a current patch test on file are offered one first.

    Public

  • Shop

    Aftercare and styling products by category, with size options and links back to the looks each product was used in.

    Public

  • My appointments

    Upcoming and past visits for the signed-in client, with cancel and book-again buttons that reuse the last service and stylist.

    Signed-in users

  • Front desk

    Today’s bookings in one column per stylist with processing gaps marked, check-in and no-show buttons and open consultation requests.

    Your team
How it works

From prompt to a live salon website

  1. Describe your chairs and menu

    Tell Netiva how many stylists you have, which levels you use, when each chair is open and how long each service takes, including processing. The agent drafts the collections, the price list, the profiles and the booking flow.

  2. Load services, stylists and looks

    Enter services in the spreadsheet-like grid, upload stylist photos and looks and save a filtered view of looks still waiting on client consent. Ask the collection assistant to tidy service names across the menu.

  3. Book a test color appointment

    In the live preview, book a balayage as a new client and check the patch test step and the processing gap. Invite your front desk lead to comment, then annotate anything that needs fixing.

  4. Publish and swap your booking link

    Publish in one click, connect your domain on the Starter plan or higher and point the booking link in your social bios to the site. Later price changes are checkpointed, so a mistake is easy to roll back.

Why Netiva

Netiva vs a traditional build

Building a salon website with Netiva compared with a traditional build
Criterion With Netiva Traditional build
Price list One services collection that updates the menu, stylist profiles and booking prices together A PDF or photo of the price board that is out of date after the next price increase
Booking color services Online booking that holds processing time and checks for a current patch test before color Calls to check the stylist’s book, with patch tests tracked on paper record cards
Getting started Describe what you need in chat and watch it take shape in a live preview Hire developers, or stitch together templates, plugins and a hosting plan
Content and data Built-in collections with nine field types, bound straight to your pages Set up and connect a separate database or CMS
Making changes Ask the agent; every change is checkpointed and reversible File a ticket, wait for a sprint, redeploy
Hosting and domain Global hosting and automatic SSL; connect a custom domain from the Starter plan Buy hosting, then install and renew SSL certificates yourself
Code ownership Clean production code you own and can export Locked into a template, plugin or agency setup
Examples

Ways teams use it

  • A six-chair neighborhood salon

    The owner runs four stylist levels. Clients compare new talent’s lower prices with their work before booking, and senior stylists’ profiles send color corrections to a consultation first.

  • A barbershop that takes walk-ins

    Barbers set short chair times for cuts and beard trims. Regulars book online, and a walk-ins toggle on the front desk page tells the home page which barbers can take someone right now.

  • A curl and textured-hair specialist

    New clients often aren’t sure which service they need. Their first visit starts as a consultation request with a photo, the portfolio filters by hair type and the shop ships the curl-care products the stylists use at real carrier rates.

Good to know

Before you build

  • Your salon software and card reader stay

    Netiva doesn’t replace your point-of-sale system or checkout at the desk. Site bookings only reach existing salon software if its provider offers an API you connect, so run one appointment book to avoid double bookings.

  • Price the service, not the client

    California bans gender-based prices for similar services and requires barbers and hair salons to list standard service prices in writing. New York also bans them and advises gender-neutral price lists. Price by length, time or difficulty.

  • Patch tests stay a salon task

    The app can ask for a patch test before color, but your stylists run it and record the date for that visit. FDA advises a patch test each time hair is dyed, salons included, left on the skin for two days. Follow the color maker’s directions for how long a test counts.

  • Own-label products need extra checks

    Salons aren’t cosmetic “facilities” under federal law unless they make or process products on site. If your name is on a product’s label, check FDA’s duties for responsible persons, and check brand agreements before selling pro lines online.

FAQ

Questions about building a salon website

Can clients book a hair color appointment without a patch test?

You decide. Ask the agent to require a patch test — the skin allergy test the color maker asks for — and the booking flow looks for one recorded for that client at least 48 hours before the appointment and no older than the maker’s window. If there isn’t one, it offers a short patch test visit first. FDA advises a test each time hair is dyed. Your stylists run it and record the date.

How do I show different prices for new and senior stylists?

Each service has a base price, and each level adds a percentage on top — nothing extra for new talent, more for senior and master stylists. Every stylist at a level uses the same percentage, so the services page shows a “from” price and the range across levels while each profile lists that stylist’s own prices. Change a base price in the grid, or the percentage on every stylist at a level, and the menu, the profiles and the booking prices all follow.

Can a barbershop take walk-ins and online bookings on the same site?

Yes, if you describe how your shop runs. Barbers take online bookings for their open times, and the front desk page can have a walk-ins toggle for each barber that the home page reads, so people see who can take them today. The app can email booking confirmations and reminders, but Netiva apps don’t send text messages or push notifications.

Can I sell shampoo and styling products on my salon website?

Yes. Products live in Netiva’s built-in store, with travel, full and liter sizes as variants, each with its own price and stock. Customers pay through a hosted one-page checkout that takes cards and calculates tax automatically, and orders ship with real carrier rates, labels and tracking. Before listing professional brands, check your distributor agreement, since some brands limit online sales.

Will bookings from the site sync with my salon software?

Only if your salon software provider offers an API. Netiva apps can call REST APIs with keys stored securely, so you can ask the agent to send new bookings to your current system or read open times from it. Check the provider’s API documentation first. Without one, pick a single appointment book and link to it from the site.

Which Netiva plan does a salon website with a shop need?

You can build the site on the free plan and try it in the live preview. Connecting your own domain needs the Starter plan or higher. Plans differ in how many store products and pages you get, and product reviews and PayPal alongside Stripe start at the Pro plan. Count your retail products and check Netiva’s pricing page. The code is yours to export.

Keep exploring
All ideas
Compare

How Netiva compares

All comparisons

Drafted with AI assistance from Netiva’s product pages and reviewed by the Netiva team. Example data models, screens and prompts are illustrative starting points, not customer projects.

Build your salon website today

Describe it in a sentence and watch Netiva’s agent build it. Free to start — no credit card required.

Start building free Browse more ideas