Add, reorder, and remove sections

Updated October 15, 2026 · 5 min

1. 1

   Edit the page’s own header

   Every page has its own header: the title, subtitle and intro text the page's hero is built from. It is separate from the sections listed below it. It sits at the top of the Sections tab, above every section card, and edits to it are just as free as everything else here. Its "Hero layout" select gives this one page its own hero layout. "Same as the site" goes back to the layout set in the Design tab.

2. 2

   Reorder sections with the arrow buttons

   Each section card has up and down arrows on its left edge. Click either one to move that section earlier or later on the page. There's no drag-and-drop, just a click per position. The arrow that doesn't apply (up on the first section, down on the last) is grayed out.

   editor.digitalpotter.tech · your-site

   ▲▼Hero

   ▲▼Feature grid

   ▲▼Testimonials

   Reorder

   Design

   Sections

   Settings
3. 3

   Edit what a section says

   Click a section's card to expand it into an editor: title, subtitle, its images (through an image picker), and whatever repeating content it holds: cards, stats, quotes or pricing tiers, depending on the section type. Logo strips take a logo image on each logo, set with its "Choose image" button. Nothing saves until you click Save; Cancel discards your changes and collapses the card back down.

4. 4

   Change a section’s layout and style

   A selected section shows "Band" at the top. It sets the background: Auto, Light, Plain, Tinted, Dark or Brand color. Below it, open "Layout and style" for the rest. Most choices save at once and the preview reloads. "Layout" swaps to another arrangement of the same content. If the new layout cannot show something, the editor names it and asks first. The other controls depend on the layout, so you only see what it can draw.

   Tip

   Auto means the layout’s own choice. Pick Auto on a style control to reset that one setting. Layout and Link name have no Auto.
5. 5

   What the layout and style controls do

   "Background photo" puts a shaded photo behind the whole section. Once a photo is set, "Photo shade" and "Shade from" set how dark it gets, and where. "Alignment" moves the words left or center. "Photo side", "Photo shape" and "Photo fit" place and frame the photo. "Spacing" and "Width" set the room around and across the content. "Cards", "Buttons" and "Columns" style the cards, buttons and items per row. "Link name" lets a button jump straight to the section; it saves when you press Save or Enter.

6. 6

   Add a section from the gallery

   Click "Add section" at the bottom of the list to open a gallery of section types, grouped by category, each with a small preview of its layout. Tap one to insert it right after whichever section you had selected, or at the end of the page if nothing was selected. New sections arrive with starter copy already in place, ready for you to edit.

   Tip

   Structure edits (adding, reordering, editing and removing sections) never use a credit. Only chat requests in the AI panel do.
   editor.digitalpotter.tech · your-site

   Design

   Sections

   Settings
7. 7

   Remove a section

   Click the trash icon on a section's card, then confirm by clicking Delete, or Keep to back out. It's a two-step confirmation rather than an instant delete, since there's no separate undo for this one action beyond the editor's general Undo button in the top bar.