> 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/panel-de-propiedades/interactions/open-flow-dialog.md).
# Abrir diálogo de flujo
## Resumen
La interacción de Abrir diálogo de flujo inicia un flujo de Salesforce en un cuadro de diálogo modal dentro del entorno de Salesforce Experience Cloud. Esta interacción permite a los usuarios completar un proceso o ingresar datos sin necesidad de salir de la página actual.
{% hint style="danger" %}
#### Mostrar flujos en cuadros de diálogo o paneles
Cuando quieras iniciar un flujo de Salesforce en un cuadro de diálogo emergente usando la función "Interacción de Abrir diálogo de flujo", es esencial realizar la configuración correcta para evitar errores. Los mismos principios se aplican a la "Interacción de panel de flujo", que muestra el flujo en un panel lateral en lugar de un diálogo. A continuación, explicaremos los pasos de configuración, por qué son necesarios y consejos clave para ambos.
#### Pasos para configurar un flujo para su visualización en un diálogo o panel
1. **Añade el flujo a tu sitio de Experience Cloud**\
Coloca el flujo que quieras usar en cualquier página de tu sitio. No tiene que ser una página pública o visible; solo asegúrate de que esté agregado en algún lugar de la estructura del sitio. Esto hace que el sistema pueda acceder al flujo.\
2. **Publica tu sitio**\
Después de añadir el flujo, publica el sitio. Este paso registra el flujo en Experience Cloud, lo que permite que se cargue correctamente cuando se activa en un diálogo o panel.
#### ¿Por qué es necesaria esta configuración?
Imagina intentar abrir un libro que no está en tu estante: no puedes leerlo hasta que esté disponible. Del mismo modo, Experience Cloud necesita que el flujo exista dentro del marco de tu sitio para poder recuperarlo y mostrarlo. Sin esto, el diálogo o panel no encontrará el flujo, lo que provocará problemas de carga.
#### Notas importantes
* **No se requiere visibilidad:** La página que aloja el flujo no necesita ser accesible ni visible para los usuarios. Mientras forme parte de la estructura del sitio, el sistema puede usarla en segundo plano.
* **Para la interacción de panel de flujo:** Esto funciona igual que el diálogo, pero abre el flujo en un panel lateral deslizante para una experiencia menos intrusiva. Úsalo cuando quieras que los usuarios mantengan la página principal a la vista mientras interactúan con el flujo.
* **Consejo para la solución de problemas:** Si el flujo no aparece, vuelve a comprobar que esté publicado y pruébalo en una vista previa o en un entorno de sitio en vivo.
{% endhint %}
## Tutoriales
| Nombre | Descripción |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ |
| [**Configura Abrir diálogo de flujo para abrir un flujo al hacer clic en un botón**](/experience-cloud/experience-cloud-es/tutoriales/interactions/configure-the-open-flow-dialog-to-open-a-flow-by-clicking-a-button.md) | Aprende a activar flujos de Salesforce con clics en el botón Avonni, mejorando la experiencia del usuario en Experience Cloud. |
## Propiedades
| Nombre | Descripción |
| -------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **`Nombre de API del flujo`** | El identificador único del flujo de Salesforce que se va a iniciar. |
| **`Variable de entrada`** | Cualquier variable necesaria para iniciar el flujo con contextos de datos específicos. |
| **`Encabezado modal`** | El título que se muestra en la parte superior del diálogo del flujo. |
| **`Descripción accesible`** | Una breve descripción del contenido del diálogo, que proporciona contexto para los lectores de pantalla y mejora la accesibilidad. |
| **`Tamaño`** | Los tamaños predefinidos para el modal:
Pequeño: Ideal para tareas enfocadas con entradas limitadas.Mediano: El tamaño predeterminado, adecuado para la mayoría de los flujos.Grande: Ideal para flujos más complejos que requieren más espacio en pantalla.
|
| **`Mostrar pie de página con botón Cerrar`** | Un interruptor determina si el diálogo tiene un pie de página con un botón para cerrar el modal. |
| **`Al finalizar la interacción`** | Define el comportamiento después de que el flujo se complete correctamente. |
| **`Al cerrar la interacción`** | Define el comportamiento cuando el usuario cierra manualmente el diálogo del flujo. |
| **`En caso de error de la interacción`** | Especifica la acción que se debe tomar si ocurre un error dentro del flujo. |
### Consejos para ser eficaz
* Asegúrate de que el flujo sea intuitivo y de que todos los campos estén claramente etiquetados.
* Prueba el flujo en cuanto a funcionalidad y experiencia de usuario en distintos tamaños de dispositivo y resoluciones de pantalla.
* Sé claro sobre el resultado del flujo en la interacción Al finalizar para establecer expectativas adecuadas en los usuarios.
* Asegúrate de que el flujo tenga acceso para ejecutarse correctamente en Experience Cloud.
---
# 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/panel-de-propiedades/interactions/open-flow-dialog.md?ask=&goal=
```
`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.