Conditional Demo Branching
Here is a quick guide to designing an effective branching product demo. Please note that Conditional Branching is a feature on Scale and Enterprise plans.
Branching allows your viewers to choose their own demo journey within your Supademo - ensuring a better interactive and engaging experience.
This includes:
- The ability to add multiple CTAs/buttons to Supademo Chapters - each with their own unique target URL or demo step;
- The ability to set a unique target demo step for hotspot(s)
Ultimately, branching can help you create demos that lead to higher engagement, more qualified leads, and personalization at scale. Here's a summary of the feature in action:
1. Branching allows viewers to choose their own adventure! Click "Add chapter" to try it out.
2. You add multiple buttons to this Chapter by clicking here.
![2 Click on](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=clf7r5s6900giyy0h6trezsck/lMrooGdR-zRp3n_ouu.png&x=668&y=1699&fill=fcb900&color=fcb900)
3. Buttons can be linked to external links or to any step within the Supademo.
![3 Click here](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=clf7r5s6900giyy0h6trezsck/KO7_wUwMnwqDtYE7gt.png&x=636&y=1445&fill=fcb900&color=fcb900)
4. You can easily customize the color, text, and destination and create up to three CTAs.
![4 Click here](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=clf7r5s6900giyy0h6trezsck/sZMwfqFak6ft73avIK.png&x=619&y=1571&fill=fcb900&color=fcb900)
5. 💡Tip: you can create multiple chapters and branches in a single Supademo. Make sure you click "Save" when done!
![5 Click on](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=clf7r5s6900giyy0h6trezsck/M7XT-cbgJI-BZY9O-L.png&x=395&y=1838&fill=fcb900&color=fcb900)
6. You can also add branching to hotspots. Simply click the slide you want to edit...
![6 Click on](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=clf7r5s6900giyy0h6trezsck/h23CfgabYlfCcQPe0H.png&x=406&y=630&fill=fcb900&color=fcb900)
7. And click on edit for the hotspot you'd like to add branching to.
8. Click here to customize target slides for when each hotspot is clicked.
![8 Click on](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=clf7r5s6900giyy0h6trezsck/1dTqUUY8Da_HyY13Ed.png&x=1508&y=1243&fill=fcb900&color=fcb900)
9. Click on "Save" once done, and you've created a Supademo with conditional branching!