Modulo:
Sito web > Form
Descrizione: Strumento completo per la creazione di moduli personalizzati (come moduli di contatto, sondaggi, o form di registrazione) e la definizione delle azioni automatiche che devono essere eseguite dopo ogni invio.
A cosa serve? (Esempi pratici)
Utilizza questo strumento per:
- Gestire le iscrizioni alla newsletter: Crea un modulo di iscrizione e abbinalo automaticamente a una o più liste di marketing, gestendo il consenso e l'assegnazione di etichette.
- Automatizzare la registrazione clienti: Raccogli dati anagrafici e di fatturazione, creando o aggiornando automaticamente il profilo del cliente nel database e inviando le credenziali di accesso.
- Creare questionari e sondaggi avanzati: Definisci campi con logica condizionale, mostrando o nascondendo domande specifiche in base alle risposte precedenti dell'utente.
Funzionalità principali
Creazione e personalizzazione dei campi
Il modulo offre un controllo granulare su ogni elemento del form:
- Tipologie di input: Supporta svariati tipi di campi, tra cui testo libero, email, telefono, numerico, data, orario, password, caricamento file, selezione singola (radio), selezione multipla (checkbox) e campi nascosti.
- Logica condizionale: Permette di impostare condizioni di visualizzazione per ogni campo. Un campo apparirà solo se le risposte date in altri campi soddisfano i criteri definiti.
- Validazione e requisiti: È possibile rendere i campi obbligatori, impostare valori predefiniti, definire suggerimenti (placeholder) e, per i campi numerici, specificare valori minimi e massimi.
- Gestione dei file: Per i campi di caricamento, è possibile specificare quali formati (es. PDF, JPEG, DOCX) sono accettati.
- Layout Responsive: Consente di definire la larghezza di ogni campo (25%, 50%, 100%) in modo differenziato per dispositivi Desktop, Tablet e Mobile.
Gestione degli invii e cronologia
- Panoramica: Visualizza l'elenco di tutti i moduli creati, il loro stato di attività e il numero totale di invii ricevuti.
- Cronologia dettagliata: Ogni invio viene registrato, mostrando la data, l'utente (se loggato o identificato), la lingua utilizzata e lo stato di successo o fallimento di tutte le azioni automatiche associate.
- Dettagli dei dati: Permette di visualizzare in dettaglio tutti i dati inviati dall'utente, inclusi i dati di tracciamento (come l'origine dell'invio).
Personalizzazione del pulsante di invio
È possibile personalizzare il testo del pulsante di invio e applicare classi CSS specifiche per modificarne l'aspetto e la dimensione all'interno del layout.
Come si configura
La configurazione di un nuovo modulo avviene tramite un processo guidato suddiviso in sezioni principali:
1. Generali
Definisci il Nome del form (obbligatorio) e imposta lo stato su Attivo o Disattivo. In questa sezione viene generato anche il link pubblico del form, che può essere visualizzato e copiato per l'integrazione esterna.
2. Campi
Utilizza l'interfaccia di creazione per aggiungere e ordinare i campi. Per ogni campo, è necessario definire:
| Impostazione | Descrizione |
|---|---|
| Nome campo | L'etichetta visibile all'utente. |
| ID Campo | L'identificativo univoco interno (utile per le integrazioni e le condizioni). |
| Tipologia input | Scegli il formato di risposta (testo, email, radio, ecc.). |
| Valori select | Se il campo è una selezione (radio/checkbox), definisci le opzioni disponibili (Valore interno e Testo visibile). |
| Obbligatorio | Indica se l'utente deve compilare il campo per poter inviare il modulo. |
| Larghezza campo | Imposta la dimensione occupata dal campo nella griglia responsive. |
| Condizioni di visualizzazione | Definisci le regole per mostrare il campo solo se determinate condizioni sono soddisfatte in altri campi. |
3. Azioni
Questa sezione definisce le operazioni automatiche da eseguire dopo che un utente ha inviato il modulo. Per ogni azione attivata, è possibile configurare i dettagli specifici e i messaggi di risposta.
Gestione messaggi di risposta
Per ogni azione, è possibile attivare la Gestione dei Messaggi per personalizzare il titolo e il testo dei messaggi che l'utente visualizzerà dopo l'invio (ad esempio, "Invio avvenuto con successo" o "Errore durante la registrazione").
Integrazioni automatiche (Azioni)
Le azioni automatiche collegano il modulo ad altri strumenti del sistema Framework360 o a servizi esterni.
| Azione | Scopo e Configurazione |
|---|---|
| Registra cliente (Anagrafica) | Associa i campi del modulo ai dati anagrafici (Nome, Cognome, Email, Indirizzo, Dati di Fatturazione) per creare o aggiornare un profilo cliente. Permette di generare e inviare credenziali di accesso all'Area Clienti se l'utente non è ancora registrato. |
| Assegnazione etichette | Assegna automaticamente etichette (tag) statiche o dinamiche al profilo del cliente dopo l'invio, facilitando la segmentazione. |
| Iscrizione Newsletter | Iscrive l'utente alle liste di marketing. È possibile selezionare liste statiche o dinamiche, e scegliere se ignorare l'eventuale protocollo di Double Opt-In. |
| Richiesta generica a indirizzo email | Invia una notifica interna con i dati del form a uno o più destinatari personalizzati. È possibile personalizzare il template dell'email di notifica. |
| Risposta automatica all'utente | Invia un'email di conferma o ringraziamento all'utente che ha compilato il form. Permette di definire un mittente personalizzato (SMTP), un indirizzo di Reply-To e di allegare file (es. un PDF informativo). |
Eventi Javascript (Avanzato)
Questa sezione è riservata agli utenti con conoscenze di programmazione. Consente di inserire codice JavaScript personalizzato in punti specifici del ciclo di vita del form (es. prima della validazione, dopo il successo dell'invio) per eseguire logiche complesse o integrare servizi esterni.
> Attenzione: Un codice non corretto in questa sezione può compromettere il funzionamento del modulo.
Integrazioni con i contenuti (Shortcode)
I dati raccolti dal form e alcune informazioni di sistema sono disponibili come shortcode dinamici, utilizzabili nei template delle email di risposta automatica o nelle notifiche interne.
Esempi di shortcode disponibili:
{nome_campo}: Il valore inserito dall'utente in quel campo.{site-link}: Il link alla pagina in cui è stato inviato il form.{logged-user-id}: L'ID del cliente, se l'utente era loggato al momento dell'invio.{logged-user-email}: L'email del cliente, se l'utente era loggato al momento dell'invio.
Importazione Form Globali
È possibile importare o duplicare form esistenti tramite l'apposita funzione di importazione, visualizzando in anteprima le azioni automatiche associate a ciascun modulo globale.
