> ## Documentation Index
> Fetch the complete documentation index at: https://developers.autoplay.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Step 4 — Connect relevant visual guidance

> Route qualifying proactive outcomes into relevant on-screen tours so guidance appears at the right time without interrupting active reactive chat.

After [Step 3](./step-3-define-proactive-triggers), you know **when** to help. This step is about **how** to execute relevant visual guidance on-screen.

**Chat-only guidance is not enough for product support workflows.** Users need visual direction in the interface itself — what to click, where to look, and what sequence to follow — so this step treats visual guidance as a core delivery path, not a fallback.

<Note>Support for browser agents in this step is coming soon.</Note>

<AccordionGroup>
  <Accordion title="popup-tours">
    ## What you add today

    Use your existing frontend tour library and trigger it programmatically after Step 3 gating passes.

    See the tutorials below for how to trigger the main user-tour providers programmatically:

    * [User Tour overview](/recipes/user-tour/overview)
    * [Userpilot tutorial](/recipes/userpilot/how-to-setup)
    * [Chameleon tutorial](/recipes/chameleon/how-to-setup)
    * [Userflow tutorial](/recipes/userflow/how-to-setup)
    * [Pendo tutorial](/recipes/pendo/how-to-setup)
    * [Usertour tutorial](/recipes/usertour/how-to-setup)
    * [UserGuiding tutorial](/recipes/userguiding/how-to-setup)
    * [Told tutorial](/recipes/told/how-to-setup)

    ## Autoplay bridge (coming soon)

    Autoplay will convert golden paths you define (for example via the Chrome extension) into relevant visual guidance so you do not define the same workflow twice.

    When the bridge ships, you can replace or wrap `notify_frontend_start_tour` with the managed conversion from extension-defined golden paths.
  </Accordion>

  <Accordion title="Browser agents (Coming soon)">
    Support for browser agents is coming soon. Join our [Discord](https://discord.gg/jCbR2tQA5) for notifications.
  </Accordion>
</AccordionGroup>

**Next:** [Step 5 — Enrich with user memory](./step-5-enrich-with-user-memory)