Nail Salon Website Built With AI: Pages, Prices and Booking Button

Coding Liquids tutorial cover featuring Sagnik Bhattacharya for Nail Salon Website Built With AI: Pages, Prices and Booking Button.
Coding Liquids tutorial cover featuring Sagnik Bhattacharya for Nail Salon Website Built With AI: Pages, Prices and Booking Button.

Build a nail salon website with AI in three sittings: Friday evening to gather prices, photos with written consent and your booking link; Saturday to generate the site in an AI builder and replace every placeholder with real details; Sunday to test it on a phone and publish. Six pages are enough; the booking button matters most.

The weekend is realistic because AI does the drafting and you supply the facts. A builder will produce confident placeholder text, claims you cannot back up and a gallery of someone else's manicures. Your job is to swap each one for a real price, a real policy and a photo a client agreed to share. Anything the AI wrote that you cannot prove, such as "award-winning" or a testimonial, comes out.

Follow me on Instagram@sagnikteaches

Friday evening: the content pack that makes Saturday easy

Builders write better first drafts when they are fed real facts, so spend about two hours on a content pack: one document you will paste into both the builder and an AI assistant. It needs eight parts:

Connect on LinkedInSagnik Bhattacharya
  • Facts: salon name, address, phone, opening hours, how to find the entrance, parking or the nearest stop, step-free access, payment methods.
  • Prices: your service list in a spreadsheet, with duration and price or "from" price, plus the add-ons.
  • Policies: one sentence each on deposits, cancellation notice, late arrival, the window for a fix or redo, children, groups and walk-ins.
  • Booking link: the direct link from your booking app, tested on your phone.
  • Photos: 12 to 20 of your own work, each with a consent record.
  • Team: a line on each technician who agrees to be listed: first name, specialities, languages.
  • Brand: logo file, one or two colours, a font if you have one.
  • Links: your Instagram handle and Google Business Profile.

If your notes are scattered across messages and spreadsheets, an assistant can assemble them:

Subscribe on YouTube@sagnikteaches
Turn these notes into a content pack for a nail salon website under the headings Business facts, Services and prices, Add-ons, Policies, Team, Brand and Links. Use only what is in the notes. Where something is missing or unclear, write [ADD: item] instead of guessing. List my open questions at the end.
NOTES: [paste everything, however messy]

The open questions are the useful part. A run for a four-technician salon (illustrative) ended with: Do you take children under 12? Is the deposit refundable if the client gives 24 hours' notice? Does the price of a fill include removing your own gel? Which days is the second technician in? Answer them on Friday night, not at 11pm on Saturday with the builder open.

Choosing the builder: six routes for one weekend

You have six sensible routes. As of October 2026, these are the list prices in USD on annual billing, read from each vendor's pricing page. Renewal rates and domain fees can differ, so check the checkout screen.

RoutePriceWhat matters for a salon
WixLight $17 a month; Core $29An AI website builder that drafts a site from one prompt; a free domain for the first year on paid plans; "Scheduling and services" starts at Core, so on Light you link out to your booking app
SquarespaceBasic and Core; prices are set by billing country, so read the USD figure on the pricing page (earlier October readings showed $19 and $29)A free custom domain for a year on annual plans; Basic includes 10 AI credits once, Core 20 a month; scheduling is a separate product
GoDaddy AiroStarter $9.99 a month; Professional $24.99A free plan with 50 AI credits a month; Professional is the tier that lists appointment bookings, online payments and deposits
Vagaro MySite$20 a month on top of Vagaro's own subscriptionA website builder connected to your Vagaro account, so one login
GlossGeniusPlans from $24 a month on annual billingIncludes a website builder with templates, a portfolio gallery and team profiles; the pricing page does not mention a custom domain
Square AppointmentsFree plan availableIncludes an online booking site, which is a booking page rather than a full website

The decision follows your diary. If you are happy with your booking app, take the cheapest plan of a general builder that includes a custom domain (Wix Light, Squarespace Basic or Airo Starter) and link out to the app, so you do not pay for two booking systems. If you want everything under one login and are happy with less design freedom, use your booking app's own site. If you are starting fresh and want the builder to run the diary, choose a plan that lists scheduling and test how it handles deposits and reminders before you commit.

Check four things before paying: what the free domain costs after year one; whether the builder's own branding shows on your plan; how many AI credits you get, because a plan with only 10 one-off credits, as Squarespace Basic lists, is a reason to write one careful prompt rather than regenerate twenty times; and how you would leave. The comparisons in the tutorials on Vagaro MySite and on designing a small business website with AI go further on cost and layout.

Saturday morning: the prompt, the draft and what to cut

Give the builder one precise prompt, built from the content pack. The instruction to leave placeholders is what keeps invented details out:

Build a website for a nail salon called [name] with [number] technicians.
Pages: Home, Prices, Gallery, About and hygiene, Policies, Contact.
Tone: warm, plain and specific. No superlatives, no awards, no testimonials.
Every page has a "Book now" button linking to [booking link].
Use only the facts below for services, prices, hours, policies and team. Where a fact is missing, leave [ADD: item] instead of inventing it.
FACTS: [paste the content pack]

Even with that, the first draft needs a hard edit. A typical draft for the example salon (illustrative) arrived with a hero line reading "Where beauty meets relaxation", a claim to be "voted the area's best nail salon", opening hours of "seven days" for a salon closed on Mondays, three testimonials signed with first names, a heading about an "award-winning team" and stock photos of another salon's tables. Every one of those came out. The hero needed the most work:

Before: "Welcome to our luxurious nail haven, where beauty meets relaxation." After: "Gel manicures, extensions and pedicures by appointment, Tuesday to Saturday. Book online in a minute."

The second version tells a visitor what you do, when, and what to click. Here is what each of the six pages must hold:

  • Home: one sentence on what you do, your opening days, the Book now button, three featured services, three gallery photos, your address and a map link.
  • Prices: every service with duration and price, plus the add-ons (next section).
  • Gallery: your own photos, each with alt text and a consent record.
  • About and hygiene: who you are and two or three sentences on your hygiene routine. Say only what your team does every day; the tutorial on daily hygiene logs shows how to keep the records that back it up.
  • Policies: deposit, cancellation notice, lateness, the fix or redo window, children and groups. The tutorial on cutting no-shows with reminders and deposits helps you set the numbers.
  • Contact: address, map link, a tap-to-call number, hours, access notes, social links and Book now again.

One design check catches a nail-specific problem. AI palettes love pale pink or pale grey text on white, which looks soft and is hard to read. The W3C accessibility guidelines ask for a contrast ratio of at least 4.5 to 1 for normal text and 3 to 1 for large text (18 point, or 14 point bold). Run your text and background colours through a contrast checker and darken the text until they pass.

The Policies page is where AI drafts promise too much, so give the assistant a tight brief: "Rewrite these policy notes as five short sentences a client can read in twenty seconds. Keep every number. Do not add a policy I have not listed." Given the notes "deposit $15, comes off the bill; 24 hours' notice to move or cancel; deposit kept if later; more than 15 minutes late may mean a shorter service; lifting within 7 days fixed free, breakages charged", it returned (illustrative): "A $15 deposit secures your appointment and comes off your bill. Cancel or move it at least 24 hours ahead and we will transfer or refund your deposit. Later than that, the deposit is kept. If you are more than 15 minutes late, we may need to shorten your service. If a nail lifts within 7 days, we will fix it free of charge; breakages are charged." The assistant had added "or refund" to the second sentence, a promise the owner had never made. It came out, and the owner made a note to read every policy line against the original notes.

The price page: services, durations and add-ons

Nail prices are rarely one number, so the page needs a layout that stops surprises. List services with a duration and a "from" price, then put add-ons in a second table with the extra time and cost of each. The figures below are placeholders for illustration; use your own.

ServiceTimeFrom
Classic manicure40 min$30
Gel manicure60 min$45
Gel extensions, full set105 min$80
Fill, 2 to 3 weeks after a set75 min$60
Classic pedicure50 min$40
Gel pedicure70 min$55
Add-onExtra timePrice
Soak-off, our own gel15 min$10
Soak-off, gel from another salon20 min$15
Nail art, simple, per nail5 min$5
Nail art, detailed, per nail10 min$8
Chrome or ombre, full set20 min$15
Repair, per nail10 min$8
Extra length15 min$10

Under the tables, add one sentence on how the final price is confirmed, for example: "Length, shape and design change the price; your technician confirms it before starting." That is honest and protects you from the argument at the till. Then ask the assistant to build the page from your spreadsheet without touching the numbers:

Turn the SPREADSHEET into a price page: services grouped by type with duration and "from" price, then an add-ons table with extra time and price. Copy every number exactly. Do not round, merge, rename or add services. After the page, list every price you used and the spreadsheet row it came from.
SPREADSHEET: [paste rows]

The "list every price and its row" line is a cheap audit. In the example run (illustrative), the assistant merged the two soak-off rows into "Soak-off from $10", which hides the higher price for gel done elsewhere. It also rounded a $47.50 line to $48. Both showed up when the owner compared the audit list with the spreadsheet, and both were put back. Treat any price an AI has touched as unchecked until you have read it against the source.

If the menu itself is not yet written, the tutorial on a salon service menu and price list with AI covers the wording and structure before you build.

The booking button: where it goes and what it opens

The button is the whole point of the site, so treat it as a design job rather than an afterthought. Six steps cover it:

  1. Link to your booking app's direct booking link, not its marketplace listing. Fresha, for example, lists a one-time 20% commission (minimum $6) on new clients who arrive through its marketplace, while bookings from direct links, Facebook and Instagram are free. Check what your own app charges for each route.
  2. Put "Book now" in the header on every page and repeat it after the price tables and at the foot of the page. On mobile, make it a fixed button that stays in view.
  3. Label it with the action. "Book your appointment" tells a visitor what happens next; "Submit" or "Go" does not.
  4. If your app supports links to a single service, link each row of the price table to its service. If not, one main link is fine.
  5. Run only one diary. If the builder has its own scheduling, switch it off or do not buy that tier. Two systems means double bookings and two sets of policies.
  6. Test it. Open the page on your phone on mobile data, tap the button, and book a test appointment all the way through, then cancel it. Check that the confirmation email shows the right salon name, address and policy.

Gallery consent: a written yes before any photo goes up

A client's hands in a photo can still identify them through a ring, a tattoo or a distinctive bag, and a photo taken in your chair is not automatically yours to publish. Ask for written consent first, and make it easy to say no. An assistant can draft the form; read it as the owner, and ask a data-protection adviser if you are unsure about your own rules:

Photo consent
I agree that [salon name] may photograph my nails and hands and use the photos on its website, Instagram and printed material.
[ ] My face will not be visible.
[ ] Tattoos, rings or other identifying features may be visible.
I can withdraw this consent at any time by messaging [contact]. The salon will remove the photo from its website within [number] days and from social media as soon as it can, but cannot remove copies other people have already saved.
Name: ________  Date: ________
Under 18: parent or guardian name and signature: ________

Keep a photo log so you can find and remove an image quickly. A filled extract (illustrative):

FileTakenConsent refWhat is visibleUsed onReview
gel-nude-gold-line.jpg2026-09-12C-0412Hands only, no jewelleryWebsite, Instagram2027-09
chrome-set-ring.jpg2026-10-03C-0431Hands, a visible ringInstagram only2027-10

Three more rules. Staff photos need each person's consent, and they should be able to withdraw it. Never use AI-generated images of nails in your gallery, because they misrepresent what your technicians can do; AI is for words and alt text here, not for the pictures. And write alt text that describes the nails and not the person, for example "Short almond nails in a glossy nude gel with a thin gold line on the ring finger". An assistant is good at drafting this once you tell it to describe only the nails; the tutorial on generating and checking AI alt text explains how to check the results.

One practical point on the images themselves. Phone photos are often 4,000 pixels or more on the long edge and several megabytes each. Resize them to about 1,600 pixels on the long edge before you upload, keep the file names descriptive (gel-nude-gold-line.jpg, not IMG_2041.jpg), and put the three strongest photos on the Home page rather than the whole gallery, so the first screen loads quickly on a mobile connection.

Sunday: test it on a phone, then publish

Run through this list on a real phone, not just the builder's preview:

  1. Tap Book now on every page and complete a test booking.
  2. Read the prices at arm's length. Can you read them without zooming?
  3. Compare every price on the site with the spreadsheet.
  4. Compare opening hours with your Google Business Profile and your booking app.
  5. Tap the phone number and the map link.
  6. Check that each photo has alt text and a consent record.
  7. Read the Policies page before the booking step, as a new client would.
  8. Add a privacy page, and a cookie notice if your builder sets cookies.
  9. Follow the Instagram and social links.
  10. Type a wrong address after your domain and see that the error page offers a way home.

An assistant is useful for the second pass. Paste the text of every page and the content pack, and ask it to list every fact that differs between them:

Compare the WEBSITE TEXT with the CONTENT PACK. List every price, time, hour, policy or name that differs, or that appears on the site but not in the pack. Quote both versions. Do not rewrite anything.

On the example site it found a gel manicure at $45 on the Prices page and $48 on the Home page, a leftover from the builder's draft. The booking app showed $45, so the Home page was wrong. Fixing the gap took a minute; a client quoting the wrong price at the desk would have taken longer.

Once it is live, add the website to your Google Business Profile and your Instagram bio. If your plan lets you add custom code, a small block of business markup states your details in a form search engines can read. It does not guarantee any special result, and Google says its AI features need no special markup, so treat it as tidy housekeeping. An assistant can fill the placeholders in this from your content pack:

{
  "@context": "https://schema.org",
  "@type": "NailSalon",
  "name": "[Salon name]",
  "url": "https://[your-domain]",
  "telephone": "[phone number]",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "[street]",
    "addressLocality": "[town]",
    "postalCode": "[code]"
  },
  "openingHours": ["Tu-Fr 10:00-19:00", "Sa 09:00-17:00"],
  "sameAs": ["https://www.instagram.com/[handle]"]
}

Keeping it accurate after launch

A salon site goes wrong slowly: a price rises at the desk but not online, a holiday week is not announced, a client withdraws consent and the photo stays up. Three habits prevent most of it. Keep prices in one spreadsheet and change the sheet first; the website is a copy. Give one named person a ten-minute check every Monday, covering hours for the coming week, any change to prices and any photo-removal request. And once a month, rerun the website-against-content-pack comparison above, because builders and teams both drift.

When prices change, paste the updated spreadsheet into the same price-page prompt and read the audit list again before publishing. Put the domain's renewal date in the shared calendar, since an expired domain takes the site and any email on it offline. Remove stale offers the day they end; an expired promotion on the Home page makes everything else on the site look untrustworthy.

For the first fortnight after launch, look at how people reach you. Ask every new client how they found the salon, note how many bookings came through the site's button compared with Instagram or a walk-in, and use the source label in your booking app if it records one. Two weeks of tallies tell you whether the Book now button is in the right place or whether the Prices page needs a clearer layout.

What the weekend costs in money and hours

For the builder, the first-year sums at annual-billing list prices, before any taxes, are: Wix Light $17 x 12 = $204; GoDaddy Airo Starter $9.99 x 12 = $119.88; Vagaro MySite $20 x 12 = $240 on top of the Vagaro subscription; and Squarespace Basic about $228 if your checkout still shows $19 a month. Wix and Squarespace list a free domain for the first year and GoDaddy lists one with its paid plans, so check what each costs to renew. A free chat plan is enough for the AI work.

The time is about 11 hours: roughly 2 on Friday for the content pack and consent forms, 6 on Saturday for the build and the price page, and 3 on Sunday for testing, proofing and publishing. Those are planning figures for a first site; a salon with 40 photos and a long menu will take longer. The realistic outcome is that a small salon can have a clear, accurate shopfront in a weekend, provided the facts are ready before the builder opens. If you would rather talk through the choices with someone, that is the kind of job my AI implementation consultation covers.

Questions salon owners ask before building a site

Do I need a website if I have Instagram and a booking link?

Not strictly, but a site gives you one place for prices, policies and hygiene information, shows up when people search your salon's name, and gives your Google profile somewhere to send visitors. A small site with a prominent Book button is better than none, and it takes a weekend.

Should prices go on the site or only in the booking app?

Put them on the site as well. A visitor comparing salons often wants a price before tapping Book, and a Prices page answers that without a message to the desk. Keep the spreadsheet as the single source, update the booking app and the site from it on the same day, and use from prices where length or design changes the final figure.

Do I need a privacy page and a cookie notice?

If the site collects anything personal, such as a contact form, a newsletter sign-up or analytics, publish a privacy page that says what you collect, why, which services process it (your builder and booking app), how long you keep it and how to reach you. Whether you also need a cookie banner depends on the cookies your builder sets and the data-protection law that covers your clients, so check the builder's settings and ask an adviser if unsure.

Can I move the site to another builder later?

Plan as if you cannot. Wix, for example, says its sites cannot be moved to another host, and export options vary between builders, so check before you commit. Keep the content pack, the price spreadsheet and the original photos in your own folder, and keep the domain in an account you control, so a move means rebuilding from your own files rather than starting from nothing.

Further reads

Sources: Wix, Squarespace and GoDaddy Airo pricing pages, Vagaro, GlossGenius, Square Appointments and Fresha pricing pages, and the W3C Understanding page for WCAG success criterion 1.4.3, all read in October 2026; list prices in USD on annual billing.

Want a salon website plan before you start building?

On a 1:1 call we can choose the builder that fits your booking app, set the prompts and content pack, and agree who keeps prices and photos up to date once the site is live.

Book a 1:1 call with me