Product tour
Show the product
without leaving the page
A button opens a lightbox tour. Visitors click through three chapters, then start for free.

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

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

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
