# Configurar el Diálogo de flujo abierto para abrir un flujo al hacer clic en un botón

## Descripción general

Este tutorial le guía a través de la configuración del [Abrir cuadro de diálogo de flujo](/experience-cloud/experience-cloud-es/panel-de-propiedades/interacciones/abrir-dialogo-de-flujo.md) para iniciar un flujo de Salesforce cuando un usuario hace clic en un componente Avonni Button en su sitio de Salesforce Experience Cloud. El flujo puede ser creado y mejorado usando varios [Componentes Avonni para flujos](/flow/welcome.md), ofreciendo una experiencia de usuario integrada y sin interrupciones.

{% 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á lo esencial:

* **Coloque el flujo en su sitio:** El flujo que desea mostrar debe añadirse a su sitio de Experience Cloud. Puede 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">

* **Publique su sitio:** Una vez que el flujo esté añadido a su sitio, publique 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énselo así: no se puede mostrar algo en un cuadro de diálogo si no existe en alguna parte de su sitio. Añadir el flujo a su 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 alguna parte de la estructura de su sitio. Esto garantiza que el flujo se cargue correctamente cuando se active el cuadro de diálogo.
{% endhint %}

{% hint style="warning" %}
Asegúrese de haber configurado su flujo para permitir el acceso de usuarios invitados si sus sitios son accesibles para usuarios invitados.
{% endhint %}

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

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


---

# 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.avonnicomponents.com/experience-cloud/experience-cloud-es/tutoriales/interacciones/configurar-el-dialogo-de-flujo-abierto-para-abrir-un-flujo-al-hacer-clic-en-un-boton.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.