---
title: "Call to action"
slug: "call-to-action"
description: "Enhance your interactive demo with Call to Action elements, guiding viewers to take specific actions like exploring next steps or visiting URLs."
updated: 2026-07-06T07:09:54Z
published: 2026-07-06T07:09:54Z
canonical: "docs.document360.com/call-to-action"
---
> ## Documentation Index
> Fetch the complete documentation index at: https://docs.document360.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Call to action
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.
---
## Adding 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.
:::(Info) ( Note)
Select the content in the **Description** field to access basic formatting tools: Bold (), Italics(), Underline , Ordered list (), Unordered list (), and Hyperlink().
:::
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.