Autonnel v0.1.0
Get started

Pages overview

The four ways to create a page in autonnel, and how page data is stored.

Pages are the atomic unit of a funnel. Every checkout flow, landing page, upsell offer, and thank-you screen is a page, and every page belongs directly to a deployment.

Page fields

Each page has:

  • Slug — the URL path segment, unique within the deployment (e.g. /checkout, /summer-sale).
  • Type — one of CHECKOUT, THANKYOU, UPSELL, ERROR, or CUSTOM. The type determines which funnel step the page can fill and which templates are available.
  • Draft / Published — your working copy (draft) vs. what visitors see (published). Changes only go live when you click Publish.
  • Status — DRAFT, GENERATING, PUBLISHED, or ARCHIVED.

The four creation paths

Manual Puck drag-drop

Open the Puck editor from Pages → page → Edit. Drag components from the left palette onto the canvas, configure props in the right panel, and publish when ready. This path gives you complete control over the component layout.

AI agent

Create a page from a template first, then use the Agent panel in the editor to modify the layout with natural language instructions. The agent iterates on the existing page — it does not generate a page from scratch. The LLM must be configured in Settings → LLM for the Agent panel to appear.

Template

Pick one of the twelve built-in templates when creating a page. Templates are pre-assembled Puck configurations — selecting one pre-populates the draft with a complete component layout tailored to the page type. You customize it in the Puck editor after creation.

Raw HTML

For pages that do not fit the component model — imported pages, one-off promotions, externally designed HTML — choose the HTML editor path. Paste HTML directly or import from a URL. Autonnel provides limited visual editing for these pages.

Caveats

  • Slugs are unique per deployment. Two pages cannot share a slug within the same deployment.
  • Deleting a page is permanent — the row is removed immediately and there is no recycle bin. Funnel steps that referenced the page will need to be reassigned to a different page.
  • A page’s type cannot be changed after creation. If you need a different type, create a new page.
  • HTML pages do not participate in Island rendering, funnel-aware link types, or component-based A/B testing.