> For the complete documentation index, see [llms.txt](https://docs.scaleflex.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.scaleflex.com/portals/building-a-portal/sections.md).

# Sections

Sections are the blocks a page is built from. Stack them to make the page you want.

A page in a Portal is a stack of sections. Each one does a job — open the page, tell part of the story, show a set of assets, point somewhere else — and you build the page by adding sections and putting them in order.

Most sections come in several **variants**: the same content arranged differently. Pick the section for what it does, then the variant for how it should look.

## Add a section

1. In the builder, open the **Sections** panel.
2. Select **Add section**.
3. Browse or search the library, then select **Add section** on the one you want.

<figure><img src="https://2536208400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqsq2dR7Fjagf5eTifWZx%2Fuploads%2FO2WYLxKrbInr9CDSI5KR%2FScreenshot%202024-11-25%20at%2010.28.26.png?alt=media&#x26;token=e1e31d77-b0b4-40d9-8cf6-62e8be27b2f8" alt=""><figcaption><p>The section library, opened from <strong>Add section</strong>.</p></figcaption></figure>

Selecting a section on the canvas brings up its toolbar, where you switch variant, invert its colours, set a background, open its layout settings, and reach the rest of its options.

<figure><img src="https://2536208400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqsq2dR7Fjagf5eTifWZx%2Fuploads%2FgAznH6a9jHGpyq9d4Bg1%2FScreenshot%202024-11-25%20at%2010.30.32.png?alt=media&#x26;token=c31dac67-83d0-4fa0-8321-f2ac7f92ceda" alt=""><figcaption><p>The toolbar on a section selected in the builder.</p></figcaption></figure>

{% hint style="warning" %}
Changes only reach visitors after you select **Publish changes**.
{% endhint %}

## In this section

* [Section library](/portals/building-a-portal/sections/section-library.md): Every section type and its variants.
* [Working with sections](/portals/building-a-portal/sections/working-with-sections.md): Reorder, rename, clone, hide and delete.
* [Section layout and background](/portals/building-a-portal/sections/section-layout-and-background.md): Width, spacing, alignment, background.
* [Gallery](/portals/building-a-portal/sections/gallery.md): The section that shows assets from your DAM.
* [Moodboard](/portals/building-a-portal/sections/moodboard.md): A collection as a wall visitors search and explore.
* [Share your files](/portals/building-a-portal/sections/share-your-files.md): Letting visitors send files of their own.