Almost every section in Atrium can show a booking button: the header, the hero, service cards, menu rows, price table rows, plans, offers, the team grid, the contact form, the footer, the empty cart and the 404 page. They all follow the same rule for where they send a guest.
How a button chooses its link
- If the block or section has a Link (or Custom link, Booking link) filled in, that URL wins. Use it for another booking provider or a page on your store.
- Otherwise the button uses the Booking ID and Link type on the block, plus a center: the block's or section's Booking center ID if set, or the Default center ID from Theme settings → Booking.
- If there is no center anywhere, the button opens the booking picker so the guest chooses a location first.
Sections that sit on one location's page carry a Booking center ID of their own, so every button on the Downtown page books Downtown. Sections that appear on the home page or the services page usually leave it blank, so they fall back to the default center or to the picker.
The booking picker
The Booking picker is a section in the overlay group, which is always present on every page. It opens as a dialog when a guest taps a Book button that has no location attached, lists your locations, and sends the guest to the chosen location's booking page. If you remove the section, those buttons keep working as plain links to your booking home page.
Section settings
- Heading, defaulting to Choose a location, and Text underneath it.
- Show phone numbers adds a tap-to-call link to each row for guests who would rather phone.
- Color scheme for the dialog.
Location blocks
Up to 24. Each has a Name, an Area line (the neighborhood or the address), a Phone number, a Booking center ID so the row's button opens that center, and an optional Booking link that replaces the built link for locations on another provider.
Booking picker section
Every setting, with its control and defaultOpens when a guest taps a Book button that has no location attached, so they can choose where to book first. Add one row per location. Book buttons keep working as plain links if this section is removed.
- Color schemeColor scheme · Scheme 1
- HeadingText · Choose a location
- TextRich text · Pick the salon you would like to visit and we will take you to its booking page.
- Show phone numbersCheckbox · On
Location block
Up to 24 per section- NameText · Downtown
- AreaTextA short line under the name, for example the neighborhood or the address.
- Phone numberText
- Booking center IDTextThe provider ID for this location. The row's Book button opens this center.
- Booking linkLinkPoint at another booking provider. It replaces the built link.
Labels and location names
- Book button label under Theme settings is the default text. Many sections offer their own label (Button label, Booking button label, Card link label) which overrides it for that section only.
- Location name fields (called Location name for tracking in some sections) do not change the link. They add
data-booking-locationto the button so your analytics can tell which location a click came from. Use the same spelling everywhere.
The header button
Show Book now button on the header uses the default center. Hidden until a booking address is set. The header can also show a Second button label and Second button link for something else, such as gift cards or a new guest offer.
The mobile booking bar
The Service menu section has Show a booking bar on mobile: a bar pinned to the bottom of the screen on small screens with one Book button, so a guest reading a long menu never has to scroll back up. It uses the section's Booking center ID and Location name.