Skip to main content

​
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. Pcnaid Documentation › Shopify Ecosystem › SwiftPage › Merchant › Guides