header-logo
Scopri come creare il sito per la tua attività con Wix.
Progetta il tuo sito con le funzionalità intuitive di Wix.
Gestisci abbonamenti, pacchetti e fatture.
Gestisci la tua attività e comunica con i tuoi membri.
Acquista, trasferisci e collega un dominio al tuo sito.
Fai crescere la tua attività online con gli strumenti giusti.
Aumenta la visibilità del tuo sito con il marketing e la SEO.
Lavora in modo efficace con le funzionalità più avanzate.
Scopri i problemi noti, trova soluzioni o contattaci.
placeholder-preview-image
Diventa un esperto con i nostri corsi e tutorial.
Scopri i consigli per web design, marketing e molto altro.
Scopri come far crescere il traffico organico del tuo sito.
Crea il tuo sito con la nostra piattaforma full stack.
Trova un esperto che ti aiuti a raggiungere i tuoi obiettivi.
placeholder-preview-image

Gestore contenuti: creare un modulo personalizzato con elementi di input che vengono inviati alla tua raccolta

21 min
In questo articolo:
  • Passaggio 1 | Crea una raccolta e imposta le autorizzazioni
  • Passaggio 2 | Aggiungi elementi di input al tuo sito
  • Passaggio 3 | Collega gli elementi di input alla raccolta
  • Passaggio 4 | Crea un tasto di invio
  • Passaggio 5 | Personalizza gli elementi di input
  • FAQ
Crea un modulo del Gestore contenuti personalizzato che consenta ai visitatori di usare elementi di input per inviare le loro informazioni direttamente alla tua raccolta. Gli elementi di input includono caselle di testo, selettori a tendina, selettori data, selettori orario e non solo. Questo articolo ti spiega come creare una raccolta in cui archiviare i dati ricevuti, aggiungere elementi di input e un tasto di invio e usare i dataset per collegare tutto. 
Screenshot dell'utilizzo degli elementi di input per creare un modulo personalizzato
Hai bisogno di un modulo personalizzato più semplice e predefinito?
Dai uno sguardo a Moduli Wix per visualizzare i template dei moduli che richiedono meno configurazione come moduli di contatto, moduli di ordine, moduli di registrazione e altro ancora. 
Prima di iniziare:

Passaggio 1 | Crea una raccolta e imposta le autorizzazioni

Crea una raccolta in cui memorizzare i moduli personalizzati che ricevi e imposta le autorizzazioni della raccolta. Puoi scegliere le impostazioni delle autorizzazioni Raccogli contenuti e scegliere chi è autorizzato ad aggiungere o visualizzare i contenuti dal tuo sito live. In alternativa, puoi scegliere Avanzate per specificare chi può visualizzare, aggiungere, aggiornare ed eliminare i contenuti per ogni ruolo (tutti, i membri, il creatore dell'elemento e i collaboratori).

A questo punto puoi aggiungere campi alla raccolta, ma ti consigliamo di aggiungerli in un secondo momento (passaggio 3) quando si collegano gli elementi di input. In questo modo avrai la certezza di aggiungere solo i tipi di campi che possono collegarsi a ciascun tipo di elemento di input. 

Per creare una raccolta in cui salvare i moduli che ti vengono inviati:

  1. Vai al Gestore contenuti nel Pannello di controllo del sito
  2. Clicca su Crea raccolta
  3. Clicca su Inizia da zero
    Suggerimento: in alternativa, clicca su Crea con l'IA per consentire all'IA (Intelligenza Artificiale) di creare una raccolta per te
  4. Clicca su Avanti 
  5. Inserisci il nome della tua raccolta Chiamiamo questa raccolta la tua raccolta "Inviati". 
  6. (Solo con codice) Inserisci un ID raccolta da utilizzare nel codice
  7. Lascia selezionato Raccolta di più elementi (predefinita) e clicca su Crea 
  8. Clicca su Altre azioni e seleziona Autorizzazioni e Privacy
Screenshot della selezione di Autorizzazioni e privacy in una raccolta
  1. Scegli quali autorizzazioni usare per la raccolta:

Passaggio 2 | Aggiungi elementi di input al tuo sito

Vai alla pagina o sezione del Editor in cui desideri creare il modulo personalizzato. Quindi aggiungi tutti gli elementi di input che i visitatori utilizzeranno per inviare le loro risposte. Tieni presente che ogni elemento di input presenta delle limitazioni riguardo ai tipi di dati che può raccogliere e ai tipi di campi a cui può collegarsi. 
Quali elementi di input possono essere impostati per raccogliere contenuti?
Puoi scegliere tra i seguenti elementi di input che consentono di raccogliere contenuti: input di testo, casella di testo, rich text, tasti di scelta, caselle multiple, caselle singole, menu a tendina, tag di selezione, selettore data, selettore orario, slider, tasto di caricamento, input di valutazione, input indirizzo, interruttore e input firma.
Editor Wix
Editor Studio
  1. Vai al tuo Editor
  2. Vai alla pagina o alla sezione in cui vuoi creare un modulo personalizzato 
  3. Clicca su Aggiungi elementi  sul lato sinistro dell'Editor
  4. Clicca su Input
  5. Clicca sul tipo di elemento di input che desideri aggiungere
  6. Clicca e trascina l'elemento di input pertinente sulla pagina 
Screenshot dell'aggiunta dell'elemento menu a tendina nell'Editor
  1. Ripeti i passaggi da 3 a 6 sopra per aggiungere tutti gli elementi di input necessari al modulo 
Screenshot di molti elementi di input aggiunti a una pagina

Passaggio 3 | Collega gli elementi di input alla raccolta

Collega ciascuno dei tuoi elementi di input a un dataset collegato alla tua raccolta "Inviati". Collega quindi i valori di input ai nuovi campi della raccolta che corrispondono al tipo di dati che desideri raccogliere. 

Puoi collegare le opzioni selezionate dai visitatori negli elementi a tendina e nei tag di selezione agli elementi di un’altra raccolta del Gestore contenuti. Per farlo, collega le opzioni dell'elenco a un dataset diverso collegato a un campo di un'altra raccolta. Questo dataset dovrebbe essere in modalità "Lettura" o "Lettura e scrittura". 
Editor Wix
Editor Studio
  1. Nell'Editor, aggiungi un dataset da collegare alla tua raccolta "Invii":
    1. Clicca su Gestore contenuti  a sinistra 
    2. Clicca su Elementi di contenuto 
    3. Clicca su Modulo dataset
    4. Clicca sul menu a tendina Scegli una raccolta e seleziona la raccolta "Invii" 
    5. Assegna un nome al dataset (es. "Invii") 
    6. Clicca su Crea 
  2. Clicca su uno degli elementi di input che hai aggiunto 
  3. Clicca sull'icona Collega al Gestore contenuti 
  4. Clicca sul menu a tendina Scegli un dataset e seleziona il dataset "Invii" Suggerimento: per prima cosa clicca su Raccogliere contenuti se ti viene chiesto di scegliere tra "Filtrare i contenuti" e "Raccogliere contenuti" 
  5. Collega l'elemento di input a un nuovo campo della raccolta:
    1. Clicca sul menu a tendina Il valore connette a e seleziona Aggiungi nuovo campo:
    2. Inserisci il Nome campo per il nuovo campo della raccolta 
    3. (Solo codifica) Inserisci il Campo chiave che identifica questo campo nel codice del sito. Non può essere modificata in un secondo momento 
    4. Seleziona il Tipo di campo dal menu a tendina. Il tipo di campo determina il tipo di dati che puoi salvare nel campo 
    5. Clicca su Aggiungi
Screenshot dell'aggiunta di un nuovo campo alla raccolta in cui verranno salvati i dati
  1. (Se colleghi l'elenco di elementi a determinati elementi di input) Clicca sull'interruttore Mostra le opzioni di una raccolta per scegliere dove gestire le scelte dell'elemento:
    • Abilitato: per le scelte utilizza un campo da un'altra raccolta del Gestore contenuti. Collega il dataset pertinente e scegli i campi da utilizzare dal menu a tendina Etichette e valori si connettono a
    • Disabilitato: clicca su Gestisci scelte per creare scelte statiche per l'elemento separate dal Gestore contenuti 
Screenshot del collegamento delle opzioni elenco di un elemento di input a tendina.
  1. Ripeti questi passaggi per ciascuno degli elementi di input del modulo personalizzato del Gestore contenuti 
E le modalità dataset?
  • Se hai aggiunto un dataset del modulo, significa che è già impostato correttamente sulla modalità "Scrittura". Questa modalità consente al dataset di aggiungere nuovi elementi alla raccolta in base agli elementi inviati
  • Se hai collegato le opzioni selezionate dai visitatori agli elementi a tendina e agli elementi di selezione, assicurati che il dataset separato sia in modalità "Lettura" o "Lettura e scrittura"
  • Se hai bisogno che il tuo modulo del Gestore contenuti aggiorni elementi esistenti della raccolta, imposta il dataset "Invii" sulla modalità Lettura e scrittura. Assicurati che le autorizzazioni della raccolta consentano inoltre alle persone con i ruoli pertinenti di aggiornare i contenuti 

Passaggio 4 | Crea un tasto di invio

Devi creare un modo per consentire ai visitatori di inviare le risposte agli elementi di input che hanno inserito o selezionato. Crea un tasto "Invia" aggiungendo un tasto normale o un'immagine e collegandolo all'azione di clic "Invia". Quando i visitatori cliccano sul tasto "Invia", i valori di tutti gli elementi di input che si collegano al dataset "Invia" vengono salvati nella tua raccolta. In base alla modalità dataset e alle autorizzazioni della raccolta, i valori vengono aggiunti come nuovi elementi o usati per aggiornare gli elementi esistenti.
 
Puoi anche creare tasti separati per le seguenti azioni del dataset: 
  • Novità: aggiungi o aggiorna gli elementi della raccolta (a seconda della modalità del dataset) e reimposta gli input per accettare nuovi valori 
  • Ripristina: reimposta i valori negli elementi di input che non sono stati ancora inviati 
  • Elimina: rimuovi gli elementi selezionati dalla tua raccolta (solo modalità "Lettura e scrittura") 
  • Pagina successiva e Pagina precedente: se stai mostrando gli elementi che i visitatori stanno modificando in una galleria o in una lista dinamica, puoi aggiungere questi tasti per consentire ai visitatori di navigare tra le "pagine" degli elementi. Se hai creato il modulo su una pagina dinamica elemento, usa invece l'azione di clic Pagina dinamica successiva o Pagina dinamica precedente 
Editor Wix
Editor Studio
  1. Clicca su Aggiungi elementi  sul lato sinistro dell'Editor
  2. Clicca su Tasto
  3. Clicca e trascina sulla pagina il tasto che vuoi utilizzare come tasto di invio. Puoi utilizzare uno dei seguenti tipi di tasti: Tasti a tema, Tasti testo e icona, Tasti icona o Tasti immagine
    Suggerimento: in alternativa, puoi aggiungere un'immagine e utilizzarla come tasto di invio 
Screenshot dell'aggiunta di un tasto da utilizzare come tasto di invio
  1. Clicca su Modifica testo e icona e inserisci il testo che desideri mostrare sul tasto (ad esempio "Invia") 
  2. Clicca sull'icona Collega al Gestore contenuti
  3. Clicca sul menu a tendina Scegli un dataset e seleziona il dataset collegato alla raccolta dei moduli inviati 
  4. Clicca sul menu a tendina Clic su azione connette a e seleziona Invia 
  5. (Facoltativo) Aggiungi i messaggi di successo e di errore che appaiono, rispettivamente, quando l'invio dei contenuti riesce e quando non va a buon fine:
    1. Clicca su + Aggiungi messaggio di successo e poi clicca su + Aggiungi messaggio di errore
    2. Clicca e trascina entrambi i messaggi nella posizione in cui desideri mostrarli. Possono sovrapporsi perché i messaggi non appaiono contemporaneamente
    3. Clicca su Modifica testo su ogni messaggio per modificarlo
  6. Seleziona il tasto e clicca sull'icona Collega al Gestore contenuti . Poi clicca sul menu a tendina Quando effettivo, vai a e seleziona un'opzione:
    • Resta sulla pagina: il visitatore resta sulla pagina dopo l'invio del modulo
    • Un link: il visitatore viene reindirizzato a un'altra pagina dopo aver inviato il modulo. Clicca su Scegli sotto Scegli un link e inserisci il link 
Screenshot della configurazione di un tasto
  1. Clicca sul tasto e seleziona l'icona Design  per personalizzare l'aspetto del tasto di invio 

Passaggio 5 | Personalizza gli elementi di input

Puoi personalizzare ciascuno degli elementi di input per creare un modulo dall'aspetto coerente in armonia con l'aspetto del tuo sito. 
Editor Wix
Editor Studio
  1. Nell'Editor, clicca su uno degli elementi di input che desideri personalizzare 
  2. Clicca su Impostazioni per inserire il titolo del campo, impostarlo come obbligatorio o modificare le varie impostazioni a seconda del tipo di input 
Screenshot della personalizzazione di un elemento di input a tendina
  1. Clicca sull'icona Layout  per modificare l'allineamento del testo e altre opzioni di layout
  2. Clicca sull'icona Design  per scegliere un design predefinito e poi seleziona Personalizza design per modificare ulteriormente l'aspetto dell'elemento 
  3. Ripeti questi passaggi per ogni elemento di input che desideri personalizzare
Pronto per la pubblicazione?
Clicca su Anteprima in alto a destra dell'Editor per testare il tuo nuovo modulo personalizzato. Quando tutto funziona perfettamente e ha l'aspetto che desideri, clicca su Pubblica per rendere attive le modifiche. 

Se hai abilitato Sandbox, sincronizza la tua raccolta Sandbox con la raccolta live per rendere effettive le modifiche al database.

FAQ

Clicca su una domanda qui sotto per trovare le risposte alle domande più comuni sulla creazione di moduli personalizzati utilizzando gli elementi di input.