Edit Call-to-Action (CTA)

Call-to-actions guide your audience from step A to step B in your guideflow.

  • A Hotspot is a pulsing dot that displays your audience where to click

  • A Walkthrough highlights a specific area where to click thanks to an overlay.

  • A Spotlight is a card that can be placed anywhere in your demo.

All your steps contain a call-to-action except the last one.

(e.g. change your Hotspot call-to-action to a Walkthrough call-to-action to highlight a special area)

Edit Hotspot

A Hotspot is a pulsing dot that displays your audience where to click

  • To edit your Hotspot open the "Call-to-action" tab on the right panel or click on the Hotspot on the screen.

  • Select Hotspot as your call-to-action type.

  • To edit your Hotspot position drag & drop it into the screen.

  • Edit your call-to-action text in the "Text" field.

  • If you want, add variables to personalize content.

  • Select another tooltip position if it's hiding an element.

  • Toggle on "Custom appearance" to customize your Hotspot appearance for this step.

  • Click on "Edit Hotspot theme" to edit your Hotspot's appearance for all the steps.

Edit Walkthrough

A Walkthrough highlights a specific area where to click thanks to an overlay.

  • To edit your Walkthrough open the "Call-to-action" tab on the right panel or click on the Walkthrough on the screen.

  • Select Walkthrough as your call-to-action type.

  • To edit your Walkthrough position drag & drop it into the screen.

  • Edit your call-to-action text in the "Text" field.

  • If you want, add variables to personalize content.

  • Edit buttons' text "Next" and "Back".

  • Select another tooltip position if it's hiding an element.

  • Toggle on "Custom appearance" to customize your Walkthrough appearance for this step.

  • Click on "Edit Walkthrough theme" to edit the Walkthrough's appearance for all the steps.

Edit Spotlight

A Spotlight is a card that can be placed anywhere in your demo. It features two arrows to navigate to the next or previous step and a text field to describe the current step.

A Spotlight helps guide your audience through your demo without highlighting a specific area or using a pulsing dot.

  1. To edit your Spotlight, open the "Call-to-action" tab on the right panel.

  2. Select Spotlight as your call-to-action type.

  3. To edit your Spotlight position, drag and drop it into the desired location on the screen.

  4. Edit your call-to-action text in the "Text" field to describe the current step.

  5. If you want, add variables to personalize the content.

  6. Toggle on "Custom appearance" to customize your Spotlight's appearance for this step.

  7. Click on "Edit Spotlight theme" to edit the Spotlight's appearance for all the steps.

Last updated