Chapters

Guide, convert, and personalize your Supademos with Chapters.

What are Supademo Chapters?

Chapters help you provide context, , , add conditional branching, and drive action within your Supademos. They can also be personalized using dynamic variables.

Formerly known as Overlays and CTAs, Chapters can now appear at any point in your demo—beginning, middle, or end.

You can add multiple Chapters within a Supademo and choose to link the CTA button to an external link or to any step within the same Supademo. In addition, you'll be able to select either a dark or light theme that aligns with your brand.

Add Initial Overlay Chapter

To add an initial demo overlay, simply click on "Add Chapter" on the first step. Alternatively, you can create a chapter and drag it to the top position of your demo.

Add Middle Chapter

To add an initial overlay chapter, simply click the "+" button before or after the slide you'd like it to appear. Alternatively, you can create a chapter and drag it to the relevant middle position within your demo.

Add End Call-to-Action Chapter

You can add a chapter to serve as a call-to-action (CTA) at the end of your demo. Simply click on "Add CTA" at the end of the demo. Alternatively, navigate to the edit view of a Supademo and click "CTA" from the Customization tab.

How to Customize a Chapter

You can customize your chapter by adding a title, description, and CTA button(s) to it. CTA buttons can be internal links (i.e. navigates users to step 6 in the demo), external links (i.e. calendar booking page), an email lead capture, or a password-protected form.

You can also add an animation to your Chapter's button to drive more engagement and clicks. Finally, you can also dynamically personalize a chapter for different types of viewers by

Adding Conditional Branching

You can use Chapters and multiple buttons to let viewers "choose their own adventure" and jump to different parts of your Supademo experience. For instance, this can be: