How to Make a Website for Your Salon

The website builder gives your salon a full website without hiring a designer. Your services, prices, team and hours come straight from SupaDay, so the site stays up to date when you change them. Every page has a Book Now button that opens your online booking.

Open the website builder

Click More in the top menu, then Website under Marketing. The page is called Website Builder. Only admins can open it, and it's part of the Business plan.

Turn your website on

1. At the top of the page, switch on Enable your public website.
2. Tap View Site to open your live website in a new tab.

Your site's address is supaday.app/site/your-salon-name, using your team's booking link name.

Heads up: If online booking is off, Book Now buttons won't appear on your site. Tap Enable in Settings in the note under the switch, or see how to turn on online booking.

Pick a theme

Open the Theme tab and tap a theme. It's applied right away and sets your site's colors and fonts. There are 20 themes in six groups:

• Luxury: Quiet Luxury, Noir Glam, Velvet Plum, Marble & Midnight, Mahogany Suite
• Spa & Wellness: Ocean Calm, Desert Glow, Soft Focus, Sage Haven
• Med Spa: Clean Slate, Frost & Steel
• Barbershop: Warm Craft, Mono Edge, Terracotta Club
• Feminine: Blush Studio, Honey Light, Pearl Mist
• Trendy: Glossy Pink, Copper & Smoke, Neon Minimal

Add your logo, banner and social links

Open the General tab:

Tap Save when you're done.

Choose which pages show in the menu

Open the Navigation tab. Your pages are Home, Services, Our Team, Media / Social, Policy, FAQ, Contact and Book Now.

1. Drag a page by its handle to move it up or down the menu.
2. Use the switch next to a page to show or hide it.
3. Tap Save Navigation.

Book Now has no switch. It shows when online booking is on and hides when it's off.

Edit the sections on each page

Open the Pages tab and choose a page from the Page menu. Each page is made of sections:

• Home: Hero Banner, Introduction Text, Featured Services, Google Reviews, Business Hours, Book Now Banner
• Services: Service List, Book Now Banner
• Our Team: Team Story, Team Photo, Staff Grid, Book Now Banner
• Media / Social: Instagram, Facebook, TikTok, Yelp (from your Social Links)
• Policy: Policy Content
• FAQ: Questions & Answers
• Contact: Contact Information, Working Hours, Map

To change a section:

1. Tap Edit on the section.
2. Change its text, photo or options. For example, the Hero Banner has a Hero Image, Title, Subtitle and Button Text.
3. Tap Save Content.

To rearrange a page, drag sections by their handle, or use a section's switch to hide it. Then tap Save Sections.

A few sections worth setting up:

• Policy Content: write your cancellation and booking rules with headings and bullet points.
• Questions & Answers: tap + Add Question for each question clients often ask.
• Contact Information: your team's phone, email and address are used unless you type different ones here.
• Google Reviews: shows reviews from the Google listing you connected in Reviews. Choose 3 or 5 reviews.

Tip: The Media / Social, Policy and FAQ pages start hidden. Turn them on in the Navigation tab once you've written them.

Add your own blocks

At the bottom of any page's section list, tap + Add Block and pick one:

• Text & Image: a photo next to a heading and text, with the image on the left or right
• Full-Width Text: a centered heading and paragraph
• Testimonials: client quotes with their names
• Feature List: a grid of short features with titles and descriptions
• Divider: a line, dots or empty space between sections

Tap Edit on the new block to fill it in, then Save Block. Blocks can be dragged, hidden or removed with Remove, like any other section.