> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-es/tutoriales/interactions/configure-the-open-flow-dialog-to-open-a-flow-by-clicking-a-button.md).

# Configura Abrir diálogo de flujo para abrir un flujo al hacer clic en un botón

## Resumen

Este tutorial te guía a través de la configuración de [Abrir diálogo de flujo](/experience-cloud/experience-cloud-es/panel-de-propiedades/interactions/open-flow-dialog.md) para iniciar un flujo de Salesforce cuando un usuario hace clic en un componente Avonni Button en tu sitio de Salesforce Experience Cloud. El flujo puede construirse y mejorarse usando varios [Componentes Avonni para flujos](https://docs.avonnicomponents.com/flow/), ofreciendo una experiencia de usuario fluida e integrada.

{% hint style="danger" %}
**Mostrar flujos en cuadros de diálogo**

Al usar la función "Open Flow Dialog Interaction" para mostrar un flujo en un cuadro de diálogo, es importante asegurarse de que el flujo esté configurado correctamente. Aquí está la clave:

* **Coloca el flujo en tu sitio:** El flujo que deseas mostrar debe añadirse a tu sitio de Experience Cloud. Puedes añadirlo a cualquier página, incluso si esa página no es accesible para los visitantes.

<img src="/files/c153d8c1531e33fbbc0a613c6c850e44fbc34e5f" alt="" data-size="original">

* **Publica tu sitio:** Una vez que el flujo se añada a tu sitio, publica el sitio. Esto permite que el sistema localice y cargue el flujo al abrir el cuadro de diálogo.

**¿Por qué es necesario esto?**

Piénsalo así: no puedes mostrar algo en un cuadro de diálogo si no existe en algún lugar de tu sitio. Añadir el flujo a tu sitio lo hace disponible para que Experience Cloud lo use cuando sea necesario.

**Nota importante**

El flujo no necesita estar en una página visible, pero debe estar presente en algún lugar dentro de la estructura de tu sitio. Esto garantiza que el flujo se cargue correctamente cuando se active el cuadro de diálogo.
{% endhint %}

{% hint style="warning" %}
Asegúrate de haber configurado tu flujo para permitir el acceso a usuarios invitados si tus sitios son accesibles para usuarios invitados.
{% endhint %}

## Guía interactiva de configuración paso a paso

{% @arcade/embed url="<https://app.arcade.software/share/Cxu0lBJkIxDxiNFlZr0U>" flowId="Cxu0lBJkIxDxiNFlZr0U" %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-es/tutoriales/interactions/configure-the-open-flow-dialog-to-open-a-flow-by-clicking-a-button.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.