# 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

{% @guideflow/guideflow-embed requestedUrl="<https://app.guideflow.com/player/CV9wOX%2BDMHY>" %}

* To edit your Hotspot open the "Call-to-action" tab on the right panel or click on the Hotspot on the screen.&#x20;
* Select Hotspot as your call-to-action type.
* To edit your Hotspot position drag & drop it into the screen.&#x20;
* Edit your call-to-action text in the "Text" field.&#x20;
* If you want, add [variables](/help/variables/where-to-use-variables.md) to personalize content.
* Select another tooltip position if it's hiding an element.&#x20;
* Toggle on "Custom appearance" to customize your Hotspot appearance for this step.
* Click on "[Edit Hotspot theme](/help/edit-your-guideflow/design.md)" to edit your Hotspot's appearance for all the steps.

  &#x20;

### Edit Walkthrough

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

{% @guideflow/guideflow-embed requestedUrl="<https://app.guideflow.com/player/CV9wOX%2BBMHY>" %}

* To edit your Walkthrough open the "Call-to-action" tab on the right panel or click on the Walkthrough on the screen.&#x20;
* Select Walkthrough as your call-to-action type.
* To edit your Walkthrough position drag & drop it into the screen.&#x20;
* Edit your call-to-action text in the "Text" field.&#x20;
* If you want, add [variables](/help/variables/where-to-use-variables.md) to personalize content.
* Edit buttons' text "Next" and "Back".
* Select another tooltip position if it's hiding an element.&#x20;
* Toggle on "Custom appearance" to customize your Walkthrough appearance for this step.
* Click on "[Edit Walkthrough theme](/help/edit-your-guideflow/design.md)" to edit the Walkthrough's appearance for all the steps.&#x20;

### 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.guideflow.com/help/edit-your-guideflow/call-to-action-cta.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.