> 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-it/pannello-proprieta/interactions/open-flow-dialog.md).

# Apri dialogo Flow

## Panoramica

L'interazione Open Flow Dialog avvia un flow di Salesforce in una finestra di dialogo modale all'interno dell'ambiente Salesforce Experience Cloud. Questa interazione consente agli utenti di completare un processo o inserire dati senza dover lasciare la pagina corrente.

{% hint style="danger" %}

#### Visualizzazione dei flow in finestre di dialogo o pannelli

Quando vuoi avviare un flow di Salesforce in una finestra di dialogo popup utilizzando la funzione "Open Flow Dialog Interaction", è essenziale una configurazione corretta per evitare errori. Gli stessi principi si applicano a "Flow Panel Interaction", che visualizza il flow in un pannello laterale anziché in una finestra di dialogo. Di seguito, spiegheremo i passaggi di configurazione, il motivo per cui sono necessari e i suggerimenti chiave per entrambi.

#### Passaggi per configurare un flow per la visualizzazione in dialogo o pannello

1. **Aggiungi il flow al tuo sito Experience Cloud**\
   Inserisci il flow che vuoi usare in qualsiasi pagina del tuo sito. Non deve essere necessariamente una pagina pubblica o visibile: assicurati solo che sia aggiunto da qualche parte nella struttura del sito. In questo modo il flow diventa accessibile al sistema.\
   ![](/files/6deec36591222658bfda362d39282b574fa5c862)
2. **Pubblica il tuo sito**\
   Dopo aver aggiunto il flow, pubblica il sito. Questo passaggio registra il flow in Experience Cloud, consentendogli di caricarsi correttamente quando viene attivato in una finestra di dialogo o in un pannello.

#### Perché questa configurazione è necessaria?

Immagina di cercare di aprire un libro che non è sul tuo scaffale: non puoi leggerlo finché non è disponibile. Allo stesso modo, Experience Cloud ha bisogno che il flow esista all'interno del framework del tuo sito per recuperarlo e visualizzarlo. Senza questo, la finestra di dialogo o il pannello non troveranno il flow, causando problemi di caricamento.

#### Note importanti

* **La visibilità non è richiesta:** La pagina che ospita il flow non deve essere accessibile o visibile agli utenti. Finché fa parte della struttura del sito, il sistema può utilizzarla in background.
* **Per Flow Panel Interaction:** Funziona allo stesso modo della finestra di dialogo, ma apre il flow in un pannello laterale scorrevole per un'esperienza meno invasiva. Usalo quando vuoi che gli utenti mantengano la pagina principale in vista mentre interagiscono con il flow.
* **Suggerimento per la risoluzione dei problemi:** Se il flow non appare, controlla che sia pubblicato e prova in un ambiente di anteprima o di sito live.
  {% endhint %}

## Tutorial

| Nome                                                                                                                                                                                                               | Descrizione                                                                                                                    |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------ |
| [**Configura Open Flow Dialog per aprire un flow facendo clic su un pulsante**](/experience-cloud/experience-cloud-it/tutorial/interactions/configure-the-open-flow-dialog-to-open-a-flow-by-clicking-a-button.md) | Scopri come attivare i flow di Salesforce con i clic sui pulsanti Avonni, migliorando l'esperienza utente in Experience Cloud. |

## Proprietà

| Nome                                                 | Descrizione                                                                                                                                                                                                                                                                                                                        |
| ---------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **`Nome API del flow`**                              | L'identificatore univoco del flow di Salesforce da avviare.                                                                                                                                                                                                                                                                        |
| **`Variabile di input`**                             | Eventuali variabili necessarie per avviare il flow con specifici contesti di dati.                                                                                                                                                                                                                                                 |
| **`Intestazione del modale`**                        | Il titolo visualizzato nella parte superiore della finestra di dialogo del flow.                                                                                                                                                                                                                                                   |
| **`Descrizione accessibile`**                        | Una breve descrizione del contenuto della finestra di dialogo, che fornisce contesto ai lettori di schermo e migliora l'accessibilità.                                                                                                                                                                                             |
| **`Dimensione`**                                     | <p>Le dimensioni preimpostate del modale:</p><ul><li><code>Piccola</code>: Ideale per attività mirate con input limitati.</li><li><code>Media</code>: La dimensione predefinita, adatta alla maggior parte dei flow.</li><li><code>Grande</code>: Ideale per flow più complessi che richiedono più spazio sullo schermo.</li></ul> |
| **`Mostra il piè di pagina con il pulsante Chiudi`** | Un interruttore determina se la finestra di dialogo ha un piè di pagina con un pulsante per chiudere il modale.                                                                                                                                                                                                                    |
| **`All'azione di completamento`**                    | Definisce il comportamento dopo il completamento corretto del flow.                                                                                                                                                                                                                                                                |
| **`All'azione di chiusura`**                         | Definisce il comportamento quando la finestra di dialogo del flow viene chiusa manualmente dall'utente.                                                                                                                                                                                                                            |
| **`All'azione di errore`**                           | Specifica l'azione da intraprendere se si verifica un errore nel flow.                                                                                                                                                                                                                                                             |

### Suggerimenti per l'efficacia

* Assicurati che il flow sia intuitivo e che tutti i campi siano chiaramente etichettati.
* Testa il flow per verificarne la funzionalità e l'esperienza utente su diverse dimensioni dei dispositivi e risoluzioni dello schermo.
* Sii chiaro sul risultato del flow nell'azione di completamento per impostare aspettative corrette per l'utente.
* Assicurati che il flow abbia accesso per essere eseguito correttamente in 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-it/pannello-proprieta/interactions/open-flow-dialog.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.
