Call to action

Overview

The Call to Action (CTA) element lets you add interactive buttons to your interactive demo. Use it to guide viewers toward a specific action such as visiting a URL, exploring a next step, or making a decision, directly within the demo experience.

You can add a title, description, one or more buttons, and even an AI voiceover to make the demo more engaging.

How to add a Call to action

1. In the right pane, click Call to action.
2. Enable Hide other elements to hide every other element while you configure the image.
3. Set the timestamp using the Time field or drag the video slider.
4. Enter a Title and Description for the CTA popup.

5. In the Branches section, enter a Button name and select an action type:

   Action	What it does
   External URL	Opens a destination link in the browser
   Next step	Displays a message or information for the viewer

6. Click Add new to include additional buttons.

7. Under the Position section, choose where the CTA appears on the screen.

8. To add a voiceover, enable the AI voiceover toggle:

   • Select a voice from the dropdown.
   • Enter the narration script in the text field.
   • Click the Play ( ) icon to preview the audio.

9. Click Apply.

Use cases

• Product demos - Direct viewers to a free trial or pricing page using an External URL button.
• Onboarding flows - Use Next step buttons to walk users through a guided sequence.
• Decision points - Offer multiple paths (e.g., "See pricing" vs. "Book a demo") so viewers choose their own journey.
• Feature highlights - Add a voiceover to narrate what the CTA is asking the viewer to do.

Managing call to actions

Once added, all CTAs are listed under the Call to action panel in the right pane. Each entry shows the timestamp and the title of the CTA.

• Add another CTA: Click Add new at the top of the panel.
• Edit a CTA: Click any CTA in the list to edit it. The editor reopens with the existing configuration. Make your changes and click Apply to save or Cancel to go back. Use the Delete icon to remove it.
• Delete a CTA: Hover over CTA, click the three-dot menu, and select Delete.

Best practices

• Keep the title short. One clear line works best. Avoid vague labels like "Click here."
• Limit to 2–3 buttons. Too many choices can overwhelm viewers. Focus on the most important actions.
• Match button names to outcomes. Use action-oriented labels like "Start free trial" or "See how it works" instead of generic terms like "Next" or "OK."
• Use Next step for in-demo guidance. Reserve External URL for actions that take users outside the demo.
• Preview the voiceover before applying. Always use the Play icon to check pacing and pronunciation before saving.