Back to Help Center

How to Build Your Website

The website builder lets you create a professional website for your salon with no coding. Choose a theme, customize your pages, and publish — all from your SupaDay dashboard. This feature requires the Business plan.

Open the website builder

Go to Website (under the More menu, Marketing section, admin only). The page title is "Website Builder."

Enable your website

Toggle the website on at the top of the page. Click View Site to see your live website. Your site URL is supaday.app/site/your-salon-name.

General settings

The General tab has:

  • Site Logo — upload your logo (recommended: transparent PNG, max 200px tall)
  • Search Engine (SEO) — customize your page title and description for Google
  • Announcement Banner — add a text banner at the top of every page (e.g., "Holiday hours: Closed Dec 25-26") with an optional link
  • Social Links — add your Instagram, Facebook, TikTok, and Yelp URLs

Click Save after making changes.

Choose a theme

The Theme tab has 20 professionally designed themes in 6 categories:

  • 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

Click a theme to apply it. Each theme sets your site's colors and typography.

Customize navigation

The Navigation tab lets you reorder and hide pages. Drag pages to rearrange the menu order, and toggle visibility on or off. Available pages: Home, Services, Our Team, Media / Social, Policy, FAQ, Contact, and Book Now.

Click Save Navigation after changes.

Edit page content

The Pages tab lets you customize each page's content. Select a page from the dropdown, then:

  • Toggle sections on or off to show or hide them
  • Drag sections to reorder them
  • Click Edit on any section to customize its content — headings, text, images, and settings

Key sections by page

  • Home — hero banner (image, title, subtitle, button), introduction text, featured services, Google reviews, business hours, Book Now banner
  • Services — auto-populated from your service list with prices
  • Our Team — team story, team photo, staff grid with optional bios
  • Policy — write your cancellation, deposit, and booking policies with a rich text editor
  • FAQ — add question and answer pairs
  • Contact — phone, email, address, working hours, map

Add custom blocks

At the bottom of any page's section list, click + Add Block to add custom content:

  • Text & Image — image with text side by side
  • Full-Width Text — centered heading and paragraph
  • Testimonials — client quotes in a grid
  • Feature List — 3-column grid of features with titles and descriptions
  • Divider — visual separator (line, dots, or space)

Custom blocks can be dragged, edited, or removed.