Chapters & Convert CTA

Check out how to set up chaptered product tours and a convert CTA buttons


πŸ‘‰ Chapters

A product tour is an excellent way to showcase multiple product features and use cases in a single demo β€” without overwhelming views with too many steps. To set up a product tour:

  • Segment your demo steps into multiple chapters (8-10 steps per chapter)

  • Select the menu icon to open the chapters

  • Select "Setup Product Tour" (Product Tour works best when you have more than 1 chapter)

  • Enable/Disable optional features:

    • Show Product Tour on Start

    • Expand the Product Tour to the middle of the screen

    • Mark Product Tour completed on click

  • Design the Product Tour Button

    • Style the "Button Color" and "Button Text". The default will show like this

    • You can configure the position of the button to appear (left, middle, or right corner). If you need more customization then you can fine-tune the offset values.

By default, Storylane creates a chapter for you when you record a demo. If you want to add new chapters, then click on the next to the chapter name. See the interactive demo below on how to do it 😎

If you want to copy a chapter from one demo to another one, check out How to copy a chapter to a demo article.


πŸ‘‰ Setup a Convert CTA Button

The Convert CTA button allows you to embed an always-visible CTA button within your demos. This strategic placement ensures that your viewers are constantly primed to take your most desired action, whether it's to book a demo, start a free trial, share a calendar link or any other key conversion event.

If you need help or have any questions, feel free to contact us at [email protected].

Last updated