Product tour (tabs) block
Tabs that switch between screenshots, each with a title and a short explanation.
Product tour (tabs) Product tour Tabs that switch between screenshots, each with a title and an explanation. Also on software and marketing sites
Product tour
See it in action
Click through the tabs. Each one is a row in the editor: a label, a picture and two lines of text.
Change a page in a form
Every block turns into a simple form. Type, pick, upload — no code and no layout to break.
See it before it's live
A live preview beside the form shows exactly what visitors will see, on a phone or a desktop.
One button to go live
Publishing builds the site and puts it on the web — usually in under a minute.
What an editor can change
Every field below is something an editor can change on Product tour (tabs). The editor builds its form from this list, so adding a field to a block never means building a screen for it.
- Eyebrow Text up to 60 characters
- Heading Rich text
- Intro Text up to 300 characters
- Tabs required Repeating list at least 2 — up to 6
- Tab label required Text up to 24 characters
- Icon Choice edit · eye · rocket · history · image · palette · users · shield · gauge · search · code · layers · globe · lock · bell · chart · server · zap · sparkles · file · check · headset · cloud · git · store · briefcase · heart · clock · mail · phone · map · layout · smartphone · database · star · building · send · calendar — default: sparkles
- Title required Text up to 80 characters
- Text required Text up to 280 characters
- Screenshot required Picture
- Screenshot description Text
- Background Choice dark: an inverted band, so the tour stands out from the sections around it. default · dark — default: dark