Video Tour Chapters
Centered heading over a static video player mockup with a chaptered scrubber, beside a timestamped chapter list that highlights the active chapter.
Centered heading over a static video player mockup with a chaptered scrubber, beside a timestamped chapter list that highlights the active chapter.
Search blocks by description or jump to a page.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Video Tour Chapters sells the whole product in one recorded pass. A centered heading and lede sit above a two column layout: a static video player mockup with a faint screen sketch behind a play button and a chaptered scrubber, beside a timestamped chapter list where the active chapter is highlighted. The chapter list is what turns a long demo into five short ones a visitor can jump between.
The chapters are one array of time, title, text, and active flag, and the scrubber ticks are a separate array of percentages so the marks line up with the chapter starts. The active chapter carries a ringed timestamp pill and a tinted row. Nothing plays, the block is a mockup built from markup and theme tokens, ready to sit in front of a real embed.
Reach for this block when a single recorded walkthrough covers the product better than a wall of feature copy. Chaptering it lets the demand gen lead skip to reporting while the operator watches the setup, one asset serving both. It is the recorded sibling of demo-teaser-split, which frames a live demo rather than a chaptered replay.
A natural flow around it on a Marketing Pro page:
Before
After
One strong use is a five chapter product overview. Other tours:
Tip: keep chapter titles to a few words and let the one line summary carry the detail, a scannable list is what makes people click a timestamp.