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

# Add and Arrange Sections

> Add sections from the section library, reorder them, and control desktop and mobile visibility.

# Add and Arrange Sections

## What does this do for me?

Sections are the building blocks of a landing page. You add, reorder, duplicate, and remove them in the **Sections** pane, and each one renders live in the **Preview**.

## 1. Add a section

1. In the **Sections** pane, select **Add section**.
2. In the **Add section** modal, pick a category from the **Section category** list, or leave it on **All**.
3. Select a section card to add it to the page.

Your plan decides which sections are available. Premium sections are only offered on the plans that include them.

## 2. Rearrange sections

* Drag a section by its handle to move it up or down the page.
* Use **Move** on a section to reposition it.
* Select **Duplicate** to copy a section, or **Remove** to delete it.

The preview updates as you rearrange.

## 3. Select and edit a section

Select a section in the list or directly in the preview to load its settings in the inspector on the right.

## 4. Control visibility

Each section can be shown or hidden per device. When a section is hidden, the list shows **Hidden on desktop** or **Hidden on mobile**. Use the **Desktop** and **Mobile** preview buttons to check each view.

## Section types

SwiftPage provides these section types, grouped by what they do:

* Layout: hero, spacer, divider.
* Content: rich text, image, image with text.
* Media: video, 3D model.
* Shopify: product feature, collection grid.
* CRO: countdown, testimonials, newsletter, CRO widget.
* Advanced: custom HTML, funnel step.

Access to product/collection, CRO widget, 3D model, and funnel sections is plan-dependent.

Next: [Use reusable blocks](https://docs.pcnaid.com/nodes/shopify/swiftpage/merchant/guides/use-reusable-blocks.md).

[Pcnaid Documentation](https://docs.pcnaid.com/namespace/index.md) › [Shopify Ecosystem](https://docs.pcnaid.com/hubs/shopify-ecosystem/index.md) › [SwiftPage](https://docs.pcnaid.com/nodes/shopify/swiftpage/index.md) › [Merchant](https://docs.pcnaid.com/nodes/shopify/swiftpage/merchant/index) › [Guides](https://docs.pcnaid.com/nodes/shopify/swiftpage/merchant/guides/index.md)


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