# Design pages with the drag-and-drop editor

Source: https://sofunnels.com/guide/page-editor
Last updated: 2026-10-05

The page editor lets you build any funnel page by clicking and dragging. Drag blocks such as headlines, video, countdown timers, testimonials, pricing cards and forms onto the page, click any text to change it, and switch between desktop, tablet and phone views to check every size. Changes save automatically as a draft.

- **Plan:** Every plan
- **Where:** On the flow builder, select a page step and press Open in Page Builder
- **Devices:** Desktop, tablet and phone previews

## Edit a page

1. On the flow builder, select a page step and press **Open in Page Builder**.
2. Click any text on the page to type over it. Select an element to change its colours, spacing, fonts and size in the side panel.
3. Open the blocks panel and drag a block onto the page where you want it.
4. Use the device buttons at the top to check the page on desktop, tablet and phone.
5. Undo and redo any change with the arrows in the toolbar.

## Blocks you can add

| Group | Blocks |
| --- | --- |
| Basic elements | Headlines, paragraphs, buttons, images, links, quotes, checkmark lists, badges, dividers and spacers |
| Layout | One to four columns and split layouts |
| Ready-made sections | Hero sections, feature grids, testimonials, pricing cards, FAQ, stats bars, call-to-action banners, headers and footers |
| Selling | Offer value stack, guarantee seal, urgency banner, countdown timer and upsell progress bar |
| Forms and funnels | Opt-in form, checkout, order bump, one-click upsell offer and appointment calendar |
| Media | Video players for YouTube, Vimeo and Wistia, a video sales letter frame, images and GIFs |
| Advanced | Custom HTML for anything else, such as a third-party widget |

## Images and video

Select an image to replace it from your media library, where you can upload your own photos or choose from marketing images. Uploaded images are optimised automatically so pages stay fast.

For video, paste the link from YouTube, Vimeo or Wistia into a video block. Autoplay videos must start muted, which browsers require.

## Every page keeps its goal

Each step exists to do one thing, and its page carries the piece that does it: an opt-in page has a form, a checkout page has a checkout, an upsell page has an offer button and a quiz page has its quiz. You can rearrange everything else freely.

If that piece is deleted, soFunnels will not publish the page without it, and offers to add it back for you.

## Write with AI

The AI assistant in the editor writes headlines, rewrites sections and adds whole new sections such as an FAQ. Ask in plain words and review what it writes before you publish. [More about AI](https://sofunnels.com/guide/ai-funnel-builder).

## Take bookings with Calendly

Drop an **Appointment Calendar** block on an application or booking page and paste your Calendly link into its settings. The calendar resizes to fit the page, and when someone books, they can continue to the next step of your funnel.

## Frequently asked questions

### Do my pages work on phones?

Yes. Pages adapt to every screen size. Use the phone preview to check spacing and font sizes, since most funnel traffic from social media arrives on phones.

### Can I add my own code?

Yes. The Custom HTML block accepts your own code for widgets or embeds the editor does not offer as a block.

### Do I need to press save?

No. Changes save automatically as a draft. Visitors see them only after you publish the funnel.

## Related guides

- [Map your funnel on the visual flow builder](https://sofunnels.com/guide/visual-flow-builder.md): How the soFunnels flow builder works: page steps, emails, waits and conditions, what each kind of line means, and how to add, connect, copy and remove steps.
- [Build a funnel with AI](https://sofunnels.com/guide/ai-funnel-builder.md): Describe your offer and the soFunnels AI plans the steps, writes the pages and drafts the follow-up emails. Learn how to brief it and refine the result.
- [Publish your funnel and share it](https://sofunnels.com/guide/publish-and-share.md): Review and publish your funnel, share its link, claim your own subdomain, restore an earlier version, and understand what visitors see while you edit.

---

Part of the [soFunnels user guide](https://sofunnels.com/guide.md). The whole guide in one file: https://sofunnels.com/llms-full.txt