# Booking from your website: booking over your page, seats left, your brand and reviews

> How customers book without leaving your website, showing seats left, your brand on booking pages, your reviews, and your site on a phone.

Checked 10 November 2026 · https://docs.seascape.bz/website/booking-from-your-website

Booking is built into your website. Customers book without leaving your page, can see how many seats are left if you want, and see your brand all the way through.

## Customers book full screen, without leaving your page
Every Book button on your site opens booking full screen over the page: in the header, the hero, activity cards, upcoming trips and the trip calendar.

- The steps are Activity, Date, People, Details and Pay. **By activity** and **By date** switch how customers choose.
- Book Now on an activity page opens booking straight at that activity.
- The close button, Esc or the phone's Back button returns customers to your page.
- Paying by card still opens the bank's page on its own.

![Book Now on an activity page opens booking full screen at that activity](https://docs.seascape.bz/img/website/web-11-book-full-screen.7519158fc6.webp)
*Book Now on the Blue Hole Day Trip page opens booking full screen, straight at that activity.*

## Show how many seats are left
One setting covers your booking page, trip calendar, check-in page and website. Your team always sees the real number.

1. Go to [**Settings** → **Booking rules** → **Seats left**](https://app.seascape.bz/dashboard/settings/booking-rules).
2. Choose **Always**, **Only when few are left** or **Never**. Your choice saves at once.
3. With **Only when few are left**, type how few under **Show it at**, then press **Save** on the **Unsaved changes** bar.
4. **Preview** shows your next trips as your website shows them.

![Seats left in Settings → Booking rules, with a preview of the next trips](https://docs.seascape.bz/img/website/web-11-seats-left.c55f78544c.webp)
*Seats left, with a preview of your next trips.*

On your website, seats left show on **Upcoming departures** and on each activity card's next date. A full trip always says Full and still offers the waitlist. See [Seats left](https://docs.seascape.bz/reservations/seats-left).

## Your brand on your booking pages
Your booking page, trip calendar and booking popup wear your brand: your logo, your colours, your corners and, if you want, your fonts. These changes go live when you publish your website.

1. Go to [**Settings** → **Booking page and embed**](https://app.seascape.bz/dashboard/settings/booking-page) and find the **Look** card.
2. Your logo and colours come from **Brand**. Press **Change in Brand** to change them.
3. Turn on **Use my brand fonts** for headings and activity descriptions. Prices, dates and buttons keep Seascape's font, so every amount reads the same.
4. Under **Top of the page**, choose **Logo and name**, **Logo only** or **Name only**.
5. **Header photo** is the booking page's own photo. It never changes your website.

![The Look card in Settings → Booking page and embed](https://docs.seascape.bz/img/website/web-11-booking-page-look.9440097685.webp)
*The Look card.*

Buttons are your brand's button colour, with white or dark writing, whichever reads. Prices and links are your main colour, or a darker shade of it where it would be too light to read.

Pay, waiver and check-in pages show only your logo and your name, with one button in your colour, so paying and signing always look the same. **Settings** → **Customer pages** lists every page your customers open and how much of your brand each shows: see [Customer pages](https://docs.seascape.bz/website/customer-pages).

## Show your reviews on your website
The **Reviews** section can show the reviews customers left after their trips, newest first, with first names and stars.

1. In the editor, add or select a **Reviews** section.
2. Set **Where they come from** to **My published reviews**.
3. Choose **How many to show**, and **Only show at least** a number of stars.

A reviewer's surname, email and booking never reach your site. Hide a review under **Reviews** in the sidebar and it leaves your site. See [Reviews](https://docs.seascape.bz/messages/reviews).

## Your website on a phone
On a phone, your menu folds into a button at the top right. It opens your pages and a big Book button. To show your pages in a row instead, select the **Header** in the editor and change **On a phone**.

![The website on a phone, and its menu open](https://docs.seascape.bz/img/website/web-11-site-on-a-phone.36e5c33853.webp)
*The demo site on a phone (left) and its menu open (right).*