How to Make a Salon Website in WordPress: 10-Step Guide

You can build a working salon website in WordPress in an afternoon: buy hosting, install WordPress and a salon-style theme, add a salon booking plugin, publish your services, times and prices, place the booking form on a page, and take your first appointment. This guide walks through those ten steps in order using the free WpBookingly service booking plugin, with screenshots at every stage, so you can follow along without writing code.

If you already have a WordPress site and only need the scheduling logic, skip ahead to step 5. If you are still deciding which plugin fits, the free plugin below is a reasonable starting point for a single-location salon that wants online bookings without paying for software before you know what you need.

Why a Salon Website Needs Online Booking

A salon’s phone is its bottleneck. Every booking taken by voice or a direct message is time a stylist or receptionist is not spending on a client, and every missed call is a booking that quietly goes to the chair down the street. Putting your service list, prices and availability on a website solves three problems at once: clients see what you offer, they pick a slot themselves, and the appointment lands in a dashboard instead of a notebook.

There is a commercial argument too. Industry analysis by Mordor Intelligence projects the spa and salon software market growing from about $1.01 billion in 2025 to $1.86 billion by 2031, and Boulevard’s salon benchmarks report that first-time clients who book their second appointment online retain at roughly twice the rate of those who come back as walk-ins. Neither figure is a guarantee for your chair count, but together they point the same way: the booking channel influences whether a one-time client becomes a regular.

Running bookings through WordPress rather than a marketplace or a closed SaaS gives you the client list, the order history and the pages themselves. You are not renting access to your own customers, and you can change your service menu, pricing or layout without asking a support desk.

What Your Salon Booking Plugin Needs to Do

Before choosing a plugin, list what your business actually needs. A blow-dry bar and a four-chair colour salon have different requirements, and over-paying for capacity you do not use is as much a mistake as discovering a missing feature after you have launched.

• Service categories with individual prices. Cuts, colour, treatments and bridal packages should be separate bookable items, not one “appointment” product.
• Extra services (add-ons). A head wash, a scalp massage or an express treatment added to a cut raises the average ticket without a second booking.
• Schedules that match your week. Opening hours, breaks between clients, weekly off days and public holidays all need to be set, so the calendar never offers a slot you cannot work.
• Capacity per session. If two chairs run in parallel, the slot capacity needs to allow two bookings; if you are a solo stylist, it should be one.
• Advance booking limits. A maximum number of days ahead stops the calendar filling months in advance and keeps last-minute slots open.
• Automated notifications. Order confirmation emails reduce “I forgot” no-shows and answer the “did my booking go through?” messages.
• A payment method. Taking a card or a local gateway online, or a deposit, filters out casual bookings.
• Order management in the dashboard. You need to see the booking, the client, the selected extras and the payment status in one place.

WpBookingly covers the free-tier set above. Staff assignment, PDF and Excel export, and advanced order management sit in the paid version, which matters if you have multiple stylists whose calendars must stay separate. The steps in this guide work either way; only the staff panel is visible in the paid build.

How to Make a Salon Website Using a WordPress Salon Booking Plugin

The ten steps below go from an empty domain to a live booking page. The order matters: install the theme and the booking plugin before you add services, because the service editor screens are rendered by the plugin.

1. Buy a domain and hosting
2. Install WordPress
3. Choose a WordPress salon theme
4. Select the best salon booking plugin for WordPress
5. Set up the plugin
6. Create schedules
7. Add all the services and pricing details
8. Display salon booking using a shortcode
9. Start booking using the front end
10. Manage all bookings from the backend

Step 1: Buy a Domain and Hosting

You need two things: a domain name, which is your salon’s web address, and hosting, which is the server space your website lives on. Buy them from the same provider if you can — one support queue and one renewal invoice is easier to manage than two.

Choose a domain that is easy to say on the phone and matches how clients search for you: usually the salon name plus the city or area. Check for a WordPress-optimised hosting plan with one-click installation rather than a bare server, since step 2 depends on it.

Providers advertise introductory rates that change at renewal, so compare the renewal price, not just the first-term offer, and check whether SSL (the padlock on your booking page) is included. Check current pricing with your chosen host before you commit.

Step 2: Install WordPress

Most WordPress hosts include a one-click installer in the control panel, so you will create an admin username, a password and a site title, and WordPress is live on your domain.

Use a strong admin password, set the site title to your salon name, and choose Settings → Permalinks → Post name so your service pages get readable URLs like /hair-colour/ instead of numbered queries.

Step 3: Choose a WordPress Salon Theme

The theme controls how your site looks; the booking plugin controls how it works. They are independent, so a free theme is not a downgrade if it presents your gallery and service menu well.

Go to Appearance → Themes and use the search box.

Searching for “salon” returns many free options in the WordPress theme directory. Look for a theme that includes a large hero image (you will want a picture of your space), a font that suits your brand, and a block editor or page builder you are comfortable editing weekly. Install and activate, then replace the demo images with your own.

Two practical checks before you commit: view the theme on a phone, since most salon bookings are made on mobile, and confirm the contact page layout shows a map and your opening hours.

Step 4: Choose and Install the Booking Plugin

There are many booking plugins on the market, and the differences that matter are usually boring ones: how much configuration is needed before the first booking, whether the front-end form is clear on a phone, and whether the free version is usable rather than a demo.

This guide uses WpBookingly, a free service booking plugin for WordPress, because it is configurable for salons, spas, clinics and other appointment businesses on one install. If you already run a cleaning business, the setup logic is the same — creating a cleaning service booking with WpBookingly uses an almost identical sequence of screens.

Go to Plugins → Add New Plugin and type the plugin name in the search field.

Install, then activate it.

Step 5: Set Up the Plugin

WpBookingly runs on WooCommerce, so the setup wizard will ask you to install WooCommerce first. This is why the plugin handles payments, order records and confirmation emails out of the box: it inherits WooCommerce’s checkout rather than reinventing one.

Click “Install & Activate Now” and WooCommerce installs automatically. Then click Set up my store.

The store setup wizard asks for your business details, currency, payment methods and address. These details appear on receipts and confirmations, so enter them accurately. You can change any of it later under WooCommerce settings.

Next, go to Service Booking → Add New Service Booking in your dashboard.

Add the title, description, service title and service subtitle in the General Information panel. One entry equals one bookable service with its own schedule, so if you want separate scheduling for colour and cutting, they belong in separate entries.

Step 6: Create Schedules

Schedules are where most salon booking setups succeed or fail. Get the availability wrong and clients book times you cannot serve; get it right and the calendar effectively runs your diary.

In the General date and time settings, configure:

• Date type: specific dates for a one-off event or a recurring pattern for regular services.
• Repeated start date and repeat interval: when availability begins and how often it cycles.
• Maximum advance day booking: how far ahead clients can book.
• Time slot length: the unit of appointment time. Set it to your shortest common service so you do not waste part of an hour.
• Capacity per session: how many clients one slot can hold. Set this to the number of chairs or stylists working in parallel.

Then move to the Schedule settings for the practical details: service time, break time between appointments, weekly off days and holidays. Add your public-holiday closures here rather than relying on staff to remember them. If you have more than one stylist, the paid version adds staff assignment so each person’s calendar stays separate; without it, a shared capacity you divide manually inside the salon.

Step 7: Add Services and Pricing

Under the Pricing tab you can enable or disable individual services without deleting them, which is useful for seasonal treatments.

With services enabled, add the service category, name, price and image. Categories keep a long menu readable — “Hair”, “Colour”, “Nails”, “Bridal” — instead of a single list of twenty items.

The extras tab holds add-ons: a head wash, a massage, an express treatment. These are the highest-margin items in most salons because they consume a little extra time and no extra appointment.

Add FAQs to the service to answer recurring questions — patch-test policy, how long colour takes, what to do if you are running late — so the information sits where the client is deciding, not buried on an About page.

Use the Service Details field for anything a client should read before booking: aftercare instructions, what to bring, or what is included in the price.

You can enable and disable multiple categories and services from the service settings panel, which lets you stage a menu without rebuilding it.

Finish by adding a featured image for the service — this appears on the service archive and in search previews. Then click Publish.

Step 8: Display the Booking Form Using a Shortcode

A shortcode is a small piece of text in square brackets that tells WordPress to insert the booking form into a page. Each service you create has its own shortcode, so you can place individual services on individual pages or all of them on one booking page.

Go to the Service Booking tab in the dashboard and find the service you just published.

Open it and copy the shortcode.

Now create the page: go to Pages → Add New Page.

Name the page something a client will recognise and search for — “Book an Appointment” or “Salon Booking” — and click the + icon to insert a Shortcode block.

Paste the shortcode into the block, click Publish, and add the page to your main navigation menu so it is one tap from anywhere on the site.

Step 9: Test the Booking Flow From the Front End

Always book a test appointment yourself before announcing the site. You will find wording problems, confusing categories or a misplaced photo that a customer would have hit first.

The front end shows the service, the extras and the timestamped slots. On a phone, the form should be scrollable without zooming and the buttons should be full-width and large enough to tap accurately.

Select a service and any extras; the price updates automatically.

Click Next Date & Time.

Pick an available slot and click Next Summary.

Fill in the customer details and place the order. You will see a thank-you confirmation — and, importantly, check that the confirmation email actually arrives in a real inbox, not just your own admin account.

Step 10: Manage Bookings From the Backend

Every booking arrives as a WooCommerce order, which means you already have a familiar place to work from.

Go to WooCommerce → Orders in the dashboard.

Open an order to see the client, the service, the extras, the chosen date and the total. After you have delivered the service and collected payment, change the status from Processing to Completed. Treating that status change as a habit gives you an accurate record of which appointments actually happened, which is the basis for any later analysis of your busiest services and times.

WpBookingly’s salon appointment booking features in the PRO version add staff management, PDF and Excel export and expanded order management — worth reviewing once you have enough bookings that manual scheduling between stylists becomes the slow part of your week.

After Launch: Getting the Site Found and Booked

Publishing the booking page is the halfway point. Three follow-up tasks make the difference between a site that exists and one that fills chairs.

• Submit your site to Google Search Console and request indexing for the booking page so it appears for your salon name promptly.
• Complete a Google Business Profile with your address, hours and the direct booking link. For local salons this often drives more clicks than organic search does.
• Get photos right. Add a hero image of your space, one clear photo per service category, and descriptive alt text that names the service and the area — useful to screen readers and to image search.
• Set expectations in text. State your cancellation window, late-arrival policy and deposit rules on the booking page itself, before the customer starts selecting a slot.

If online booking is new to your business, read up on the trade-offs before you retire the phone entirely — the core elements of a booking system in WordPress explains how availability, capacity and payments interact, which helps you diagnose a calendar that behaves unexpectedly.

Common Setup Mistakes to Avoid

Most problems reported after a salon launch trace back to one of these:

• Capacity set to one when two stylists are working. The calendar blocks bookings you could have served.
• No break time between appointments. Colour overruns push the whole day behind, and clients notice.
• Advance booking left unlimited. Clients reserve slots months out, and your peak dates fill with bookings that are more likely to be cancelled.
• Services not split by duration. A 30-minute trim and a three-hour balayage in the same slot length wastes your diary.
• Holidays not blocked. Someone will book for the day you close.
• Confirmation emails unchecked. Confirmations going to spam look like a broken booking system to the client.

Frequently Asked Questions

Do I need WooCommerce to take salon bookings?

With WpBookingly, yes — it runs on WooCommerce, which provides the checkout, order records and payment gateways. If you would rather not run WooCommerce at all, look for a plugin that includes its own booking engine; that trade-off is covered in the guide to free WordPress booking plugins that do not need WooCommerce.

How much does this setup cost?

Domain and hosting are your recurring costs, and both the theme and WpBookingly’s base version can be free. Hosting introductory rates differ from renewal rates, so check current pricing with your provider; the plugin’s paid tier is priced separately and adds staff features.

Can clients book a specific stylist?

Staff assignment is part of the paid version. In the free build, either model each stylist as a capacity unit within a slot or run a separate service entry per stylist.

Do I need to know how to code?

No. Installation, schedule configuration, services and page placement are all done through the dashboard, and the booking form is inserted as a shortcode into an ordinary page.

Will the booking form work on mobile?

The form is rendered by whatever theme you installed, so mobile quality depends on your theme. Test the full booking flow on a real phone before launch and switch themes if the form is cramped.

Final Words

You now have a complete path from an empty domain to a functioning salon booking system: hosting, WordPress, a theme that shows your work, and a booking plugin configured with your real schedules, services, extras and prices. None of it requires code, and every setting is editable later.

Start simple. Publish the booking page with two or three core services, take your first online appointments, and refine from the order list — adding extras, adjusting slot length and eventually adding staff calendars once volume justifies them. A salon website earns its keep when the calendar is accurate, so treat the schedule step as the most important step in this guide, not the quickest one.