> ## Documentation Index
> Fetch the complete documentation index at: https://docs.sapt.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Add pages and sections to your website

> Add a page to your Sapt website, put it in the menu, and add, hide, reorder or remove the sections on each page in the editor.

Every page on your site is a stack of sections. You add pages in the **Pages** tab and arrange sections in the **Sections** tab. Open the editor from **Website** in the sidebar.

## The pages you start with

| Page | Address | What it shows |
| - | - | - |
| Home | `/` | Your main page, made of sections you arrange. |
| Services | `/services` | Your published services. Each one also gets its own page at `/services/...`. |
| Blog | `/blog` | Your published articles. Each one gets its own page at `/blog/...`. |
| Reviews | `/reviews` | Reviews from your connected Google profile. |
| Review & feedback | `/review` | A page that asks customers for a rating, saves their feedback in Sapt and links to your Google review page. |

You can add and arrange sections on Home, on pages you add, and on each service and article page.

## Add a page

<Steps>
  <Step title="Open the Pages tab">
    Click **Pages**. Under **Your pages**, click **New page**.
  </Step>

  <Step title="Name the page">
    In **Add a page**, type a **Page title**, such as "About our shop". Sapt fills in the **Page address** for you (`about-our-shop`). You can shorten it to `about`. Use lowercase letters, numbers and dashes. Click **Create draft page**.

    <Frame>
      <img className="shot-detail" src="https://mintcdn.com/sapt/uTSH2FdHG3EzpkYv/docs/mintlify/images/website/add-page.webp?fit=max&auto=format&n=uTSH2FdHG3EzpkYv&q=85&s=2dde29e81974c0214b6feefbf60f3dc5" alt="The Add a page box with About our shop as the Page title, about as the Page address, and Create draft page" width="941" height="704" data-path="docs/mintlify/images/website/add-page.webp" />
    </Frame>
  </Step>

  <Step title="Write the page">
    The new page opens with its settings on the right: its name, its body, its title and how it looks in search results. Add sections to it too (see below).
  </Step>

  <Step title="Put it in the menu">
    In the page's settings, tick **Show in menu**. To use a shorter name in the menu, fill in **Menu label**.

    <Frame>
      <img src="https://mintcdn.com/sapt/uTSH2FdHG3EzpkYv/docs/mintlify/images/website/pages-tab.webp?fit=max&auto=format&n=uTSH2FdHG3EzpkYv&q=85&s=b27f4f954cf2a734abd7bd8682c5b441" alt="The Pages tab listing six pages, with About our shop marked Draft. On the right, its Menu label is About and Show in menu is ticked." width="1456" height="824" data-path="docs/mintlify/images/website/pages-tab.webp" />
    </Frame>
  </Step>

  <Step title="Publish">
    Click **Publish**, then **Publish website**. Until then the page is a draft that only you can see.
  </Step>
</Steps>

<Note>
  If you set your own menu links under **Website**, **Header & navigation**, **Menu & button**, those links replace the automatic menu and **Show in menu** has no effect. Add the page there with **Add link** instead, or click **Use automatic menu**.
</Note>

To find a page later, type in **Find a page or URL…** or use the filters: **All**, **Pages**, **Services**, **Articles** and **Drafts**.

## Add a section

<Steps>
  <Step title="Pick the page">
    Choose the page in the picker above your page, or click it in the **Pages** tab. Then click **Sections**.
  </Step>

  <Step title="Click Add section">
    A box called **Build your page** opens. Click the layout you want. You can search with **Search layouts…**.

    <Frame>
      <img className="shot-detail" src="https://mintcdn.com/sapt/uTSH2FdHG3EzpkYv/docs/mintlify/images/website/add-section.webp?fit=max&auto=format&n=uTSH2FdHG3EzpkYv&q=85&s=e5f1a8ce1c75d8c2960f023a4915d94d" alt="The Build your page box with Search layouts and the first layouts: Statistics strip, Service areas, Process, Questions & answers, Testimonials and Photo gallery" width="868" height="1374" data-path="docs/mintlify/images/website/add-section.webp" />
    </Frame>
  </Step>

  <Step title="Fill it in">
    The new section is selected. Change its text, images and button on the right. To try a different design, change **Layout**.
  </Step>
</Steps>

The layouts in **Build your page**:

| Layout | Use it for |
| - | - |
| Statistics strip | A few facts with big numbers. |
| Service areas | The towns or neighborhoods you serve. |
| Process | Steps, numbered in order. |
| Questions & answers | Common questions with answers that open on tap. |
| Testimonials | Customer quotes with their names. |
| Photo gallery | Your photos in an even grid. |
| Photo dome | Your photos on a globe visitors can spin. Heavier than the grid. |
| Logo marquee | Partners, certifications or memberships. |
| Connected form | A form that sends requests into Sapt. See [Forms](/docs/mintlify/website/forms). |
| Image & text | A photo beside your message. |
| Statement | A headline and a short introduction. |
| Feature grid | Benefits, team members, prices or steps. |
| Call to action | One message and a button. |

Your home page also has built-in sections: Hero, Logos & credentials, How it works, Services, Offers, Reviews, About the shop, Gallery, Visit and Questions.

## Hide, move or remove a section

The **Sections** tab lists the sections on the page in order.

* **Hide:** click the eye next to the section. It stays in the list, crossed out, and visitors do not see it.
* **Move:** drag it by the handle on the left, or click it and use the up and down arrows.
* **Remove from the page:** click the section, then the trash can under it. To bring it back, pick it from **Add an existing section**.
* **Delete a section you added:** click it, then the trash can in the controls on the right. If Sapt asks, click **Remove section**.

You can undo any of these with Undo in the top bar before you leave the editor. Nothing changes on your live site until you publish.

On the home page, **Use only custom sections** takes off all the built-in sections at once.

## Show content from Sapt

A **Connected content** section shows items from a collection in [Content](/docs/mintlify/cms/collections), such as your services, team or projects. When you publish a change to those items, the section updates by itself.

<Steps>
  <Step title="Add the section">
    In the **Sections** tab, click **Connected content** and pick a collection, such as **Specials**.
  </Step>

  <Step title="Set it up">
    On the right, choose the **Layout** (**Cards**, **List** or **Spotlight**), match the fields under **Connect the fields**, and pick how many **Items to show**.

    <Frame>
      <img src="https://mintcdn.com/sapt/xBY44wtgTzA0SZof/docs/mintlify/images/cms/connected-content.webp?fit=max&auto=format&n=xBY44wtgTzA0SZof&q=85&s=1f88d5b4d94c02142a760d47f02a3e75" alt="A This month's specials section on the home page. On the right, Content source is Specials and Layout is Cards. On the left, the hidden Offers section is crossed out." width="1439" height="756" data-path="docs/mintlify/images/cms/connected-content.webp" />
    </Frame>
  </Step>
</Steps>

To add or change the items themselves, click **Add or manage content in Sapt ↗**. More in [Content on your website](/docs/mintlify/cms/content-on-your-website).

## If something looks wrong

* **Add section is grey.** Click **Enable editing** first if you see **Make this site yours**. A site can have up to 60 sections you added.
* **No sections show for Services, Blog or Reviews.** Those pages are built from your services, articles and reviews. Click the text on the page to edit it.
* **A new page does not show on the live site.** Pages start as drafts. Publish your website.
* **Create draft page stays grey.** Fill in both boxes and use only lowercase letters, numbers and dashes in the address.

## Keep going

<CardGroup cols={2}>
  <Card title="Forms" href="/docs/mintlify/website/forms" description="Edit your forms and choose where requests go." />

  <Card title="Content on your website" href="/docs/mintlify/cms/content-on-your-website" description="Show your services, team and more from Content." />

  <Card title="Build your website" href="/docs/mintlify/website/build-your-website" description="The editor tour, style and publishing." />
</CardGroup>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.