Setting up a chapter menu 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 chapter menu:
Segment your demo steps into multiple chapters (8-10 steps per chapter)
Select the menu icon to open the chapters
Select "Setup chapter menu" (Chapter Menu works best when you have more than 1 chapter)
Add or remove chapters as needed
In the "Setup chapter menu" window, switch to the Behavior & styling tab to configure how the chapter menu behaves and looks:
Behavior — choose when the chapter menu button should appear (from the start, or from a specific step), and how it displays the first time a viewer sees it (expand to the middle of the screen, expand in place, or stay collapsed)
Design the Chapter Menu Button — Style the "Button Color" and "Button Text", and configure the position to appear in the left, middle, or right corner. For more customization, fine-tune the offset values. You can also mark chapter menu items as completed once clicked, and choose whether to display the step count next to each chapter.
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.
View Interactive Demo 👇
👉 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 support@storylane.io.
