Your home page is built from sections: a hero banner at the top, then your locations, services, team, gallery, reviews and about section, plus a booking banner. You choose which ones show and in what order.
Before you start
- You need the Super Administrator or Owner role.
Choose and order the sections
- 1
Step 1 of 4
Open the layout settings
Go to Settings › Appearance › Layout. The Layout card lists your Page Sections: Hero, Locations, Services, Members, Gallery, Reviews and About.
- 2
Step 2 of 4
Turn sections on or off
Use the switch next to a section to show or hide it on your home page.
- 3
Step 3 of 4
Put them in order
Drag a section by its handle to move it up or down.
The Booking Banner is marked Fixed Position. It always sits at the bottom, with a Book Now button and a count of your locations, services and team members. You can only turn it on or off.
- 4
Step 4 of 4
Save
Click Save at the bottom of the card.
You will see:A Settings Updated message appears.
Hiding a section here doesn't turn off its separate page. For example, you can hide the Gallery section on your home page and still keep a Gallery page. See Turn site pages on or off.
Set up the hero banner
The hero is the large banner at the top of your home page.
- 1
Step 1 of 4
Write your message
In the Hero card, enter a Headline and a Description. If you leave the headline empty, your salon name is shown. If you leave the description empty, a short default line inviting visitors to book is shown.
- 2
Step 2 of 4
Place the text
Under Content Position, choose where the text sits: top, center or bottom, and left, center or right.
- 3
Step 3 of 4
Pick a background
Under Background, choose Color and pick a color, or Image and upload a JPEG or PNG, up to 10 MB. Then choose a Text Color that's easy to read on that background.
- 4
Step 4 of 4
Save
Click Save at the bottom of the card.
Add hero buttons
The Buttons list at the bottom of the Hero card holds up to 2 buttons. New salons start with a book button and a services button.
- Click Add Button.
- Enter a Label, such as Book Now.
- Pick a Variant: Primary, Secondary, Outline or Ghost.
- Enter a URL. Pick one of your site's pages, such as
/bookingor/services, or enter a full web address. - Click Add Button in the dialog, then Save at the bottom of the Hero card.
To change or remove a button, open its menu. Once you have 2 buttons, Add Button is hidden until you remove one.
Point your main button at /booking. It opens your booking flow directly.
Common questions
Yes. The hero is a normal section you can drag anywhere in the list.