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

# Editor grafico dei percorsi

> Orchestrare conversazioni automatizzate con i clienti tramite il grafo dei percorsi basato su React Flow.

L'Editor grafico dei percorsi è una tela visuale per costruire flussi di comunicazione automatizzati e multi-step. Basato su React Flow, ti permette di trascinare, rilasciare e collegare blocchi logici per creare percorsi cliente sofisticati.

## La tela del percorso

L'editor offre un'interfaccia spaziale in cui puoi mappare ogni interazione:

### Nodi di interazione

* **Nodo Messaggio**: Invia un modello WhatsApp specifico o un messaggio a testo libero.
* **Nodo Attesa**: Sospende il percorso per una durata prestabilita (ad es. "Attendi 2 ore").
* **Nodo Condizione**: Suddivide il flusso in base a una logica (ad es. "Se il bottone è stato cliccato", "Se il tag esiste").
* **Nodo Obiettivo**: Segna il completamento con successo di un evento di conversione.

### Connessioni tra nodi (Edge)

Gli edge rappresentano il percorso seguito da un contatto. Puoi creare una logica di ramificazione collegando più edge da un singolo nodo, attivati da azioni utente diverse come clic sui bottoni o risposte con parole chiave.

## Capacità principali

### Integrazione con React Flow

* **Tela infinita**: Scala i tuoi percorsi da semplici risponditori automatici a complesse campagne drip multi-settimanali.
* **Aggancio e allineamento automatico**: Mantieni i tuoi grafi ordinati e leggibili.
* **Mini-mappa**: Naviga facilmente tra strutture di percorso ampie e complesse.

### Logica in tempo reale

I percorsi reagiscono istantaneamente ai webhook in arrivo. Quando un utente interagisce con un messaggio, il motore del percorso valuta le condizioni e fa avanzare immediatamente il contatto al nodo successivo.

### Versioning e bozze

* **Modalità bozza**: Costruisci e testa il tuo percorso senza influire sui contatti attivi.
* **Pubblicazione**: Quando pubblichi una nuova versione, puoi scegliere di far terminare ai contatti esistenti la vecchia versione oppure migrarli verso la nuova logica.

## Casi d'uso comuni

1. **Flussi di onboarding**: Invia una sequenza di guide "come fare" dopo che un utente si connette per la prima volta.
2. **Carrello abbandonato**: Attiva un messaggio di promemoria se un obiettivo di acquisto non viene raggiunto entro 24 ore.
3. **Sondaggi automatizzati**: Chiedi un feedback dopo un'interazione di servizio e ramifica in base al voto ricevuto.

## Monitoraggio delle prestazioni

Ogni nodo nell'Editor dei percorsi mostra statistiche in tempo reale:

* **Entrati**: Quanti contatti hanno raggiunto questo passaggio.
* **Abbandonati**: Contatti che si sono fermati a questo passaggio.
* **Convertiti**: Frequenza del raggiungimento dell'obiettivo a partire da questo percorso.