# Add sections, and reuse a saved section

> Add a section from the library, put columns side by side, connect sections to your activities, and save a section to reuse on other pages.

Checked 10 November 2026 · https://docs.seascape.bz/website/add-and-reuse-sections

Sections are the building blocks of a page: a big photo at the top, a row of your activities, a trip calendar, questions and answers. Each page is a list of sections, top to bottom.

## Add a section
1. In the [editor](https://app.seascape.bz/dashboard/website/edit), press **Add section** in the right panel, or **Add** beside **Sections** on the left.
2. To put it in an exact place, point between two sections on the page and press **Add section here**.
3. Pick a kind of section on the left, or search, for example "prices" or "map". **Suggested for this page** comes first.
4. Press **Add to page** on the one you want.

![Add a section: the kinds on the left, the suggestions in your own colours](https://docs.seascape.bz/img/website/web-sections-library.4353ed7156.webp)
*Every picture in the library is painted in your own colours and photos.*

## Every kind of section in the library
| Kind | Layouts | Good for |
| --- | --- | --- |
| Hero | Photo, Photo beside, Text only | The top of a page: a big photo, a heading and a button |
| Image and text | Photo right, Photo left, Edge to edge | A story beside a photo |
| Columns | Two, three or four columns, or columns over a photo | Side-by-side reasons, trips or tips |
| Activities | Grid, List, Compact; Category navigation (Chips or Cards); Prices (List or Cards); Book on this page | Your activities, from your own catalogue |
| Calendar | Trip calendar; Upcoming departures (List or Cards) | Dates customers can book |
| Photos and gallery | Gallery (Grid, Masonry, Swipe, Edge-to-edge strip); Video (Video or Portrait) | Photos and video |
| Reviews | Cards, One quote | What customers say |
| Questions | Accordion, Two columns | Questions and answers |
| Call to action | Band, Card, Photo; Newsletter (Band or Inline) | A line and a button, or email sign-ups |
| Contact and map | Contact (Form and details, Details only, Form only); Map and directions (Map and address, Map only) | How to reach you |
| Text | Page title (Plain or Band), Paragraph, Statement | Words on their own |
| Team and highlights | About and team (Team or One person); Facts strip (Numbers or Badges) | Your crew and your credentials |
| Spacing and embeds | Custom HTML; Spacer / divider (Space or Line) | A video, map or post from another site; space |

The **Header** (your logo, your pages and the Book button) and the **Footer** (contact details, hours, links and social links) are on every page and are not in the library. Change them from **Website** → **Pages** → **On every page**, or click them on the page in the editor.

## Sections that connect to the rest of Seascape
- **Activities**, **Calendar** and every Book button take their prices, dates and seats from **Activities** and **Trips**. A Prices section can also show rows you type yourself (**Prices from** › Rows I type below). Those are words on the page only: what a customer pays always comes from **Activities**.
- A Book button opens booking full screen over your page: see [Booking from your website](https://docs.seascape.bz/website/booking-from-your-website).
- Messages from a **Contact** form arrive under **Requests**. **Newsletter** sign-ups are under **Requests** too.
- **Reviews** can show the reviews customers left after their trips: see [Show your reviews](https://docs.seascape.bz/website/booking-from-your-website#reviews).
- **Custom HTML** takes embeds from YouTube, Vimeo, Google Maps and Instagram. Only people on your team can add one; the website assistant can't. See [Advanced](https://docs.seascape.bz/website/advanced-settings).
- Every activity page has its own **Live activity** section, kept up to date from **Activities**: see [Edit an activity's page](https://docs.seascape.bz/website/activity-pages).

## Add columns side by side
The **Columns** section puts two to four columns side by side, each with a heading, text and a button if you want one.

1. Press **Add section**, choose **Columns**, then the layout you want, and press **Add to page**.
2. Choose 2, 3 or 4 columns, or press **Add column**.
3. Open a column to type in it. Drag it to a new place, or **Duplicate** or **Remove** it.
4. Choose how the columns show on a phone: they **Stack** one under another, or visitors **Swipe** through them.

## Save a section and reuse it on other pages
A saved section is one section shown on several pages. Every copy is linked: change it on one page and it changes everywhere.

1. Select the section and open the ⋯ at the top of the right panel.
2. Press **Save section…**, give it a name and press **Save section**.
3. On another page, press **Add section** and choose **Saved sections**.
4. Press **Add to page** on it.

![The section menu in the right panel, with Save section…](https://docs.seascape.bz/img/website/web-sections-section-menu.b0b24c1c8a.webp)
*The ⋯ menu in the right panel, with Save section…*

To make one copy its own again, select it, open the ⋯ and press **Detach this copy**. A page shows each saved section once, and an activity page can't save a section.