Product tour

Show the product

without leaving the page

A button opens a lightbox tour. Visitors click through three chapters, then start for free.

Two women planning a project at a desk

Chapter 01 · Visual canvas

Drag, resize and style flex and grid layouts as you see them.

90-second product tour

See how Pagecraft works

Click a chapter below to preview each stage.

01. Visual flex and grid canvas

No custom CSS needed

0:00

02. Global design system

One click brand switch

0:32

03. Publish in one click

Fast pages out of the box

1:04

Woman painting on a canvas by a window

Chapter 02 · Design tokens

Change global colours and type scales across the whole site at once.

90-second product tour

See how Pagecraft works

Click a chapter below to preview each stage.

01. Visual flex and grid canvas

No custom CSS needed

0:00

02. Global design system

One click brand switch

0:32

03. Publish in one click

Fast pages out of the box

1:04

People working on laptops in a brick walled cafe

Chapter 03 · Publish

Export clean layouts or publish straight to your live site.

90-second product tour

See how Pagecraft works

Click a chapter below to preview each stage.

01. Visual flex and grid canvas

No custom CSS needed

0:00

02. Global design system

One click brand switch

0:32

03. Publish in one click

Fast pages out of the box

1:04

Interactive tour

Interactive tour with clickable chapters

Opens a two-column lightbox where visitors switch chapters and preview each step before they sign up.

Launch the product tour

Two women planning a project at a desk