openchair
Sign InStart Free Trial

Venue & Settings

Your Storefront

Your Storefront

Your storefront is your venue's public booking page — the first thing customers see when they visit your OpenChair link, and where they book appointments, browse your services, view your portfolio, and read reviews.

Your URL: https://openchairpro.com/your-slug — share this link on social media, Google Business, email signatures, and business cards.

Overview

Your storefront lets you:

  • Present your brand with a customisable hero, logo, colour scheme, and theme
  • Display your full service menu with prices, durations, and category filters
  • Showcase your team with profiles, bios, and individual portfolios
  • Feature before-and-after portfolio images with an interactive comparison slider
  • Show verified client reviews and Google ratings as social proof
  • Accept online bookings through a guided 6-step booking wizard
  • Sell gift cards and prepaid packages directly from the storefront
  • Offer AI-powered Style Match recommendations via the Concierge

Note

All venues get a storefront on all plan tiers. Portfolio images on the storefront require a PRO subscription. Online package purchases require PRO and Stripe Connect. The AI Style Match feature requires PRO with Concierge enabled.

Finding the storefront editor

On web

Go to Storefront in the sidebar (under Manage → Presence).

The editor has three tabs:

Tab What it controls
Content Section visibility, ordering, and per-section content (hero, services, portfolio, reviews, team, about, packages, contact)
Design Theme presets, colours, typography, and button shape
Style Match AI Concierge configuration for the booking funnel

A live preview appears on the right (desktop) or as a toggleable overlay (mobile). All changes are saved by clicking "Publish Changes" in the bottom action bar.

What customers see

The storefront is built from eight configurable sections. Each section can be shown, hidden, or reordered from the Content tab.

Default section order

# Section Default heading What it shows
1 Hero — Brand banner with logo, headline, subheadline, and primary CTA buttons
2 Services "Our Services" Service cards with name, description, price, and duration — filterable by category
3 Portfolio "Our Work" Before-and-after transformation images with interactive comparison slider (PRO)
4 Reviews "What Clients Say" Verified OpenChair reviews and/or Google ratings with star averages
5 Team — Staff profiles with avatar, role, bio preview, services offered, and "Book with" button
6 About "About Us" Your business story, highlight points, and optional signature asset
7 Packages — Prepaid service bundles, credit packs, and service combos available for online purchase
8 Contact "Contact & Hours" Address with directions link, phone, email, social links, and operating hours table

A footer with "Powered by OpenChair" always appears last and cannot be reordered.

Sections with no content hide automatically — for example, the Portfolio section does not appear if you have no portfolio images, and the Reviews section does not appear if you have no reviews.

The hero and identity

The hero section is the first impression. It includes:

  • Background image with configurable focal point and zoom level
  • Logo with shape, size (sm / md / lg / xl), and position controls
  • Headline and subheadline displayed in an overlay or below the image

Below the hero, the identity area shows:

  • Welcome message — an optional quote-style text pill (if enabled in venue settings)
  • CTA buttons:
    • "Book Now" (primary) — opens the booking wizard
    • "Style Match" (secondary) — opens the AI Concierge flow (if enabled, PRO)
    • "Gift Cards" (secondary) — links to your gift card purchase page (if gift cards are enabled)
  • Payment badges — Visa, Amex, Apple Pay, etc. (if your venue accepts card payments)

Four hero layouts are available: micro, minimal, standard, and immersive — each controls how much vertical space the hero occupies and where text appears.

Services section

The services section displays your active services as cards showing the name, description, price, and duration. Customers can filter by category using pill buttons at the top ("All", plus each category name).

Clicking a service card opens the booking wizard with that service pre-selected.

Only services marked as Active appear. To hide a service, deactivate it in your service menu.

If no active services exist, the section shows a fallback: "Ready to Book?" with buttons to call or email your venue.

Portfolio section (PRO)

The portfolio section shows before-and-after transformation images. On desktop, images appear in a 3-column grid. On mobile, they appear as a horizontally scrollable carousel with snap positioning.

Each image supports an interactive comparison slider — customers hover (desktop) or tap (mobile) to toggle between the before and after photos. The first image shows a hint: "Slide to reveal the transformation".

A "View all transformations →" link at the top opens the full portfolio gallery page at yourvenue.openchairpro.com/portfolio, which includes filtering by service, stylist, and style tags.

Portfolio images require client consent before going live. The consent workflow uses a signed link sent to the client, valid for 30 days.

Reviews section

The reviews section shows a trust summary and a carousel of recent reviews.

Trust summary displays:

  • OpenChair verified reviews: average rating + count (e.g. "4.8 — 42 OpenChair verified")
  • Google reviews: average rating + count (shown alongside or as a fallback if no OpenChair reviews exist)

Each review card shows the star rating, author name, date, review text, and a "Verified visit" badge (for OpenChair reviews). If you have written a public response, it appears nested below the review as "Response from [Venue Name]".

A "See all reviews →" link opens the full reviews page at yourvenue.openchairpro.com/reviews.

Team section

The team section displays staff profiles as cards with:

  • Avatar (photo or initials)
  • Name (links to individual staff profile page)
  • Role (e.g. "Senior Stylist")
  • Bio preview (single line, expandable)
  • Services offered (e.g. "Offers: Cut, Colour, +3 more")
  • "Book with [Name]" button — opens the booking wizard pre-filled with that staff member

Each staff member has a dedicated profile page at yourvenue.openchairpro.com/team/[staffId] showing their full bio, complete service list, personal portfolio gallery, and a booking CTA.

Only staff marked as bookable online appear on the storefront.

Packages section

The packages section shows prepaid bundles available for online purchase:

  • Service Bundles (e.g. "10 × Haircut") with per-session savings badge
  • Credit Bundles (e.g. "$500 credit") with total savings badge
  • Service Combos (e.g. "Bridal Package") with bundle savings badge

Each package card shows the name, description, price, and a "Buy Now" button that opens the purchase form. Online package purchases require PRO and Stripe Connect.

Contact & hours section

The contact section shows two columns on desktop:

  • Contact information: address (with a "Get directions" link to Google Maps), phone (tap-to-call), email (tap-to-email), and social links (Instagram, Facebook, TikTok icons)
  • Operating hours: a table showing each day's hours (e.g. "Mon: 9am–5pm"), with today's hours highlighted. Closed days show "Closed".

Visibility of address, phone, and email is controlled individually in your venue settings.

The booking flow

When a customer clicks "Book Now" (or any service/staff booking button), a guided booking wizard opens as a modal (desktop) or sheet (mobile).

Steps

Step What happens
1. Service Customer selects one or more services from your menu, filtered by category
2. Personalisation Linked add-on services are suggested (auto-skipped if none available)
3. Staff & time Customer chooses a staff member (or "Any Available"), picks a date from a 90-day window, and selects an available time slot
4. Contact details Customer enters their full name, email address, and phone number
5. Deposit payment If a deposit is required, customer pays via Stripe (card, Apple Pay, Google Pay). Gift card codes can be applied to reduce the deposit. This step is skipped if no deposit applies.
6. Confirmation Booking confirmed with summary, "Add to calendar" download, and optional inspiration photo upload

Tip

Use Quick Book Links to send customers a pre-filled booking URL with a specific date, time, service, and staff member. The wizard auto-advances past service selection, making it faster for the customer to confirm.

Mobile experience

The storefront is fully responsive and mobile-first:

  • Sections stack vertically on narrow screens
  • The portfolio uses a horizontally scrollable carousel instead of a grid
  • A floating CTA button appears at the bottom of the screen when the customer scrolls past the hero — showing "Book Now" (or "Continue — [Service] · $XX" if items are in the draft cart)
  • The booking wizard opens as a full-screen sheet
  • The floating CTA is hidden on desktop

Customising your storefront

Themes and design

The Design tab in the storefront editor offers:

  • 14 theme presets (e.g. Modern Chic, Organic Earth, Midnight Industrial, Heritage, Deep Zen, Clean Slate) — each sets fonts, colours, and button rounding in one tap
  • Custom overrides for brand colour, heading colour, body text colour, background shade, heading font, body font, and button shape (sharp / soft / rounded / pill)
  • "Reset to theme defaults" to clear custom overrides

Section content

The Content tab lets you:

  • Toggle visibility for each section using the switch control
  • Reorder sections by dragging (the hero is always first by default, but can be reordered)
  • Edit section headings and content (e.g. hero headline, about story, services intro text)

Logo and identity

Logo controls in the hero section editor include:

  • Show logo toggle
  • Logo upload
  • Logo tile backing (solid background behind logo)
  • Logo position (horizontal: left / centre / right; vertical: top / middle / bottom)
  • Logo size (sm / md / lg / xl)

Publishing

Changes are not live until you click "Publish Changes". A toast confirms: "Storefront changes published live". The editor warns you about unsaved changes if you try to leave the page.

See Customising Your Appearance for a detailed guide on themes, colours, and typography.

How customers find your storefront

Share your storefront URL (openchairpro.com/your-slug) in these places:

  • Google Business Profile — add it as your website or booking link
  • Social media bios — Instagram, Facebook, TikTok
  • Email signatures — link or button in outgoing emails
  • Business cards and printed materials — QR code linking to your storefront
  • Your existing website — link a "Book Now" button to your storefront URL

The storefront includes SEO metadata (title, description, Open Graph images) and JSON-LD structured data (LocalBusiness schema, Person schema for staff profiles) to help search engines index your page.

Other public pages

Your storefront URL also hosts these sub-pages:

Page URL What it shows
Gift Cards /{slug}/gift-cards Gift card purchase form with amount selector and Stripe payment
Gift Card Balance /{slug}/gift-cards/balance Public balance checker — enter a gift card code to see remaining value
Reviews /{slug}/reviews Full paginated review list with trust summary
Portfolio /{slug}/portfolio Full gallery with service/stylist/tag filters and lightbox viewer
Staff Profile /{slug}/team/{staffId} Individual staff bio, services, personal portfolio, and booking CTA

Troubleshooting

Issue Solution
Storefront shows "Booking Unavailable" Your venue does not have Stripe Connect configured, or you are on the FREE tier without payouts set up. Go to Payouts and connect your bank account. The storefront shows a contact fallback card until payments are enabled.
Services not showing on the storefront Only Active services appear. Go to your service menu and check that the services you want to show are marked as Active.
Staff missing from the storefront Staff must be marked as bookable online. Check each staff member's profile settings to ensure online booking is enabled.
Portfolio section not appearing The portfolio section requires at least one published image. If you have images but the section is still hidden, check that portfolio visibility is toggled on in Storefront → Content, and that your venue has a PRO subscription.
Reviews section not appearing The reviews section hides automatically when you have no OpenChair reviews and no linked Google Business profile. Enable automated post-visit review requests in Reviews → Settings, or link your Google Business listing.
Changes not appearing on the live page You must click "Publish Changes" in the storefront editor for changes to go live. If you published but still see the old version, clear your browser cache or wait a few seconds for the CDN to update.
Custom colours not applying If you selected a theme preset after setting custom colours, the preset overrides your customisations. Use the "Customise" panel below the preset gallery to re-apply your overrides, or click "Reset to theme defaults" to start fresh.
"Book Now" button not working If the booking wizard does not open, check that you have at least one active service and one staff member marked as bookable online. The wizard requires both to display available time slots.

Related Articles

Last updated: March 2026