Non molto tempo fa, aggiungere un modulo di caricamento file in WordPress richiedeva codice personalizzato o soluzioni alternative macchinose. Non era esattamente adatto ai principianti e spesso causava confusione sia ai proprietari del sito che ai visitatori.
Ecco perché abbiamo trascorso anni a testare diversi strumenti e ad aiutare le aziende a semplificare questo processo.
Supponiamo che tu debba raccogliere candidature di lavoro, ricevere feedback dai clienti o raccogliere documenti importanti per un progetto. In questo caso, un modulo di caricamento file può rendere il tuo sito molto più efficiente e professionale!
In questa guida passo passo, ti mostreremo come creare facilmente un modulo di caricamento file in WordPress utilizzando un plugin adatto ai principianti, senza bisogno di codice. È lo stesso metodo che molti dei nostri marchi partner utilizzano per semplificare la raccolta di documenti e migliorare l'interazione con gli utenti.
Perché creare un modulo di caricamento file in WordPress?
Un modulo di caricamento file è un'ottima idea per raccogliere qualsiasi tipo di file dai tuoi utenti sul tuo sito WordPress.
Puoi consentire agli utenti di caricare immagini, file PDF, documenti Word o altri tipi di file.
L'utilizzo di un modulo di caricamento file semplifica la vita a te e ai tuoi utenti. Invece di scambiarsi email avanti e indietro, puoi creare un modulo che includa tutti i campi necessari per raccogliere tutte le informazioni in una volta.
Inoltre, il tuo modulo dovrebbe salvare automaticamente i dati del modulo nel tuo database WordPress. In questo modo, puoi trovare facilmente le sottomissioni, anche se perdi o elimini un'email.
Detto questo, ti mostreremo come creare un modulo di caricamento file in WordPress. Ecco una rapida panoramica di ciò che tratteremo in questo articolo:
- Come creare un modulo di caricamento file in WordPress
- Configurazione delle notifiche del modulo di caricamento file
- Aggiunta del modulo di caricamento file al tuo sito web
- Visualizzazione o download dei file caricati
- Suggerimento bonus 🌟: Come stilizzare i tuoi moduli WordPress
- Tutorial video
Iniziamo subito!
Come creare un modulo di caricamento file in WordPress
Per questo tutorial, utilizzeremo WPForms, che è il miglior costruttore di moduli online sul mercato. È facile da usare per i principianti, ma abbastanza potente da gestire funzionalità avanzate come caricamenti di file, logica condizionale e moduli multi-step.
Utilizziamo WPForms su diversi dei nostri siti web per gestire attività essenziali come moduli di contatto, richieste di migrazione del sito web e il nostro sondaggio annuale sugli utenti. Ci ha reso facile raccogliere e gestire le risposte senza dover destreggiarci tra email o fogli di calcolo.
Per maggiori informazioni, consulta la nostra recensione completa di WPForms.
Innanzitutto, dovrai installare e attivare il plugin WPForms. Per ulteriori istruzioni, consulta la nostra guida passo passo su come installare un plugin WordPress.
📝 Nota: WPForms offre anche una versione gratuita. Tuttavia, avrai bisogno della versione Pro del plugin per sbloccare il modello di modulo di caricamento file.
Dopo l'attivazione, vai alla pagina WPForms » Aggiungi nuovo dalla barra laterale di amministrazione di WordPress.
Questo ti porterà alla pagina ‘Modello di ricerca’, dove potrai iniziare dando un nome al tuo nuovo modulo.
Successivamente, sceglierai come costruire il tuo modulo: utilizzando una tela bianca, un generatore di moduli AI o un modello predefinito.
Ad esempio, se scegli il generatore di moduli WPForms AI, tutto ciò che devi fare è descrivere il tipo di modulo di cui hai bisogno in un semplice prompt. WPForms genererà quindi automaticamente il modulo per te.
Per questo tutorial, tuttavia, utilizzeremo un modello predefinito. Puoi usare la barra di ricerca per trovare rapidamente il modello di modulo di caricamento file.
Una volta trovato, fai semplicemente clic sul pulsante ‘Usa Modello’ sotto l'opzione ‘Modulo di caricamento file’.
Ora verrai portato al generatore WPForms, dove il Modulo di caricamento file verrà caricato automaticamente per te.
Puoi utilizzare il modello di modulo di caricamento file senza apportare modifiche, oppure puoi anche trascinare e rilasciare i campi del modulo dalla barra laterale ‘Aggiungi campi’.
Successivamente, fai clic sul campo ‘Caricamento file’ nel modulo per aprire le sue impostazioni nella colonna di sinistra.
Per impostazione predefinita, puoi caricare diversi tipi di file nel modulo, tra cui:
- Formati file immagine: .png, .gif, .jpg
- Documenti: .doc, .xls, .ppt, .pdf
- Audio: .wav, .mp3, .mp4
- Video: .mpg, .mov, .wmv
Puoi accettare qualsiasi formato di file digitandolo nella casella ‘Estensioni file consentite’.
Per questo tutorial, consentiremo i formati immagine .png, .gif e .jpg. Assicurati di separare ogni formato di file con una virgola.
📝 Nota: WordPress limita i tipi di file che possono essere caricati sul sito per motivi di sicurezza di WordPress. Puoi aggiungere tipi di file aggiuntivi a WordPress se desideri consentire agli utenti di caricare tipi di file che normalmente non sono consentiti.
Puoi anche impostare un limite massimo di dimensione del file e un numero massimo di file. Per il nostro tutorial, consentiremo alle persone di inviare fino a 3 foto di massimo 50 MB ciascuna.
Se desideri impedire alle persone di inviare il modulo WordPress senza allegare i loro file, puoi attivare l'interruttore ‘Richiesto’. Ciò significa che il modulo non può essere inviato a meno che non sia stato caricato almeno 1 file.
Successivamente, passa semplicemente alla scheda ‘Avanzate’ dall’alto.
Per impostazione predefinita, il campo di caricamento file utilizza un formato moderno che consente agli utenti di trascinare e rilasciare i propri file.
Tuttavia, se hai spazio limitato per il tuo modulo o preferisci un campo di caricamento classico, puoi cambiarlo. Seleziona semplicemente l'opzione ‘Classico’ dal menu a discesa ‘Stile’.
Tieni presente che il campo di caricamento classico consente di caricare un solo file. Se desideri che gli utenti possano inviare più di un file, dovrai aggiungere più campi di caricamento file al tuo modulo.
Puoi anche scegliere di archiviare i file inviati nella Libreria multimediale di WordPress attivando l'interruttore ‘Archivia file nella Libreria multimediale di WordPress’. Questo ti consente di aggiungere facilmente i file caricati a un post o a una pagina.
Ad esempio, se stai organizzando un concorso fotografico, potresti voler includere le migliori foto quando annunci il vincitore.
📝 Nota: I file caricati verranno comunque salvati nel tuo database di WordPress, anche se non selezioni questa casella. Vengono semplicemente archiviati in una cartella separata nel tuo account di hosting WordPress.
Se desideri modificare uno qualsiasi degli altri campi del tuo modulo, puoi fare clic su di essi per aprire le impostazioni del campo nella colonna di sinistra.
Puoi anche aggiungere altri campi al tuo modulo di caricamento file dalla colonna di sinistra.
Ad esempio, potresti voler aggiungere un campo Sito web/URL al modulo in modo che gli utenti possano fornirti il link al loro sito web.
Una volta che sei soddisfatto del tuo modulo, fai clic sul pulsante ‘Salva’ nell'angolo in alto a destra dello schermo per memorizzare le tue impostazioni.
Impostazione delle notifiche del modulo di caricamento file
Per modificare le impostazioni di notifica per il modulo, devi aprire la scheda ‘Impostazioni’ sul lato sinistro. Una volta lì, fai semplicemente clic sulla scheda ‘Notifiche’.
Per impostazione predefinita, il modulo invia una notifica via email a {admin_email} dopo l'invio del modulo.
Se hai creato il tuo sito WordPress da solo, questo sarà il tuo indirizzo email. In caso contrario, puoi eliminare {admin_email} e digitare invece il tuo indirizzo email.
Tuttavia, se non sei sicuro che {admin_email} sia il tuo indirizzo email, visita semplicemente la pagina Impostazioni » Generali dalla tua dashboard di amministrazione WordPress.
Una volta lì, cerca la sezione ‘Indirizzo email di amministrazione’. Ora puoi cambiare l'indirizzo email dell'amministratore da qui.
Una volta terminato, non dimenticare di fare clic sul pulsante 'Salva modifiche' per memorizzare le tue impostazioni.
Se desideri che i file inviati vengano inviati a più di una persona, potresti voler consultare il nostro tutorial su come creare un modulo di contatto con più destinatari delle notifiche.
Puoi anche modificare il messaggio di conferma che gli utenti vedono dopo l'invio del modulo.
Per fare ciò, visita la pagina Impostazioni » Conferme dalla colonna di sinistra. Quindi, digita il messaggio nella casella 'Messaggio di conferma'. Puoi anche aggiungere formattazione come grassetto e corsivo.
Infine, non dimenticare di salvare il tuo modulo una volta apportate le modifiche.
Puoi uscire dal generatore di moduli facendo clic sulla 'X' nell'angolo in alto a destra.
Aggiunta del modulo di caricamento file al tuo sito web
Una volta terminata la creazione del tuo modulo, dovrai aggiungerlo al tuo sito web.
Per fare ciò, devi aprire una pagina/un post di WordPress esistente o nuovo pagina/post dalla barra laterale dell'amministratore. Per questo tutorial, aggiungeremo il modulo di caricamento file a una nuova pagina.
Una volta lì, fai clic sul pulsante Aggiungi nuovo blocco '(+)' nell'angolo in alto a sinistra dello schermo e trova il blocco WPForms.
Dopo aver aggiunto il blocco, vedrai un menu a discesa WPForms visualizzato sulla pagina.
Procedi e seleziona il modulo di caricamento file che hai appena creato.
Infine, fai clic sul pulsante 'Pubblica' o 'Aggiorna' per salvare le modifiche. Per maggiori dettagli, consulta la nostra guida su come incorporare moduli WordPress.
Ora puoi visitare il tuo sito web per vedere il modulo di caricamento file in azione.
Puoi anche apportare modifiche al tuo modulo in qualsiasi momento visitando la pagina WPForms » Tutti i moduli dalla barra laterale dell'amministratore.
Da qui, fai semplicemente clic sul nome del modulo o passa il mouse sopra di esso e fai clic sul link ‘Modifica’ per aprire il generatore di moduli.
Quando modifichi il tuo modulo, questo verrà aggiornato automaticamente sul tuo sito web WordPress, quindi non è necessario aggiungerlo nuovamente alla tua pagina.
🧑💻 Suggerimento Pro: È una buona idea testare il tuo modulo per assicurarti che funzioni come previsto. Se non ricevi una notifica via email dopo aver creato un'entrata del modulo, puoi leggere la nostra guida passo passo su come risolvere il problema di WordPress che non invia email.
Visualizzazione o download dei file caricati
Quando qualcuno invia un file utilizzando il tuo modulo di caricamento file, puoi vederlo nella tua casella di posta elettronica o nella tua dashboard di WordPress.
Con ogni entrata del modulo, riceverai un'email come questa:
Basta fare clic sui link per visualizzare o scaricare i file stessi.
Puoi anche trovare facilmente i file nella tua dashboard di WordPress. Vai semplicemente alla pagina WPForms » Entrate e quindi fai clic sul nome del tuo modulo.
Puoi vedere i file caricati nella tabella delle entrate del modulo di WordPress.
In alternativa, puoi fare clic sul link ‘Visualizza’ per vedere i dettagli completi per ogni entrata del modulo.
Suggerimento bonus 🌟: Come stilizzare i tuoi moduli WordPress
Una volta creato un modulo di caricamento file, è una buona idea personalizzarlo in base ai colori del tuo brand. Questo può rendere il tuo modulo visivamente accattivante e incoraggiare più utenti a inviarlo sul tuo sito, generando infine lead.
Puoi farlo facilmente con WPForms. Dopo aver aggiunto il tuo modulo di caricamento file a una pagina o a un post, visita semplicemente la pagina WPForms » Impostazioni dalla dashboard di WordPress.
Qui, seleziona l'opzione ‘Usa markup moderno’ e fai clic sul pulsante ‘Salva modifiche’.
Ora apri la pagina in cui hai aggiunto il tuo modulo e dai un'occhiata al pannello dei blocchi sulla destra. Qui noterai alcune nuove impostazioni che puoi utilizzare per stilizzare il modulo di caricamento file.
Puoi cambiare i colori dei campi, i colori del testo e i colori dei pulsanti per rendere il tuo modulo visivamente accattivante.
Una volta terminato, fai clic sul pulsante 'Pubblica' o 'Aggiorna' in alto per salvare le tue impostazioni. Ora hai stilizzato con successo il tuo modulo di caricamento file.
Per maggiori dettagli, consulta il nostro tutorial su come personalizzare e stilizzare i tuoi moduli WordPress.
Tutorial video
Preferisci istruzioni video? Dai un'occhiata al nostro tutorial completo su YouTube su come creare un modulo di caricamento file in WordPress:
Speriamo che questo tutorial ti abbia aiutato a imparare come creare un modulo di caricamento file in WordPress. Potresti anche voler consultare la nostra guida definitiva ai moduli WordPress e le nostre scelte di esperti per i migliori plugin per il caricamento di file di WordPress.
Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.
Mrteesurez
Posso dire che WPForms sembra essere il miglior plugin per moduli di contatto per WordPress per qualsiasi attività commerciale. Ma cosa succede se voglio archiviare i file caricati in un'altra posizione, magari una posizione di terze parti, come AWS, Azure o Google Drive, in modo da poter raccogliere più file e non sovraccaricare mai il mio database di hosting WordPress condiviso?
Supporto WPBeginner
WPForms ti consente di inviare i file caricati a storage come AWS o Drive per non avere i file sul tuo hosting.
Amministratore
Ralph
Questa è davvero una bella idea per un concorso. Molto meglio che lasciare un'email che può essere piena di spam con molti file. Questo è chiaro, offre sicurezza nella forma di decidere quali file vengono accettati e quanti di essi. Ottima guida!
Supporto WPBeginner
Glad you found it helpful
Amministratore
Jiří Vaněk
Prima avevo il mio server dove configuravo PHP secondo le mie esigenze, è importante notare che il limite di dimensione del file caricato potrebbe essere ancora lato provider. Molti provider hanno un limite PHP molto più basso per file. Tieni presente questo. A volte, puoi modificarlo nel file .htaccess, a volte con un file .user.ini, e a volte per niente. Potrebbe essere necessario contattare l'amministratore del server per aumentare il limite di caricamento file utilizzando PHP.
Patricia Dueck
Quando una persona carica un file su un modulo di WordPress, deve avere un account WordPress o un certo tipo di indirizzo email o chiunque può caricare un file indipendentemente dal proprio indirizzo email?
Supporto WPBeginner
It would depend on how you set up the form but you can accept uploads from anyone you wanted
Amministratore
Leandro
Ciao, innanzitutto grazie per aver condiviso le tue conoscenze.
Una domanda: c'è un modo per cambiare il percorso di invio del file, ad esempio su un bucket S3?
Supporto WPBeginner
Dovresti dare un'occhiata a Zapier, simile a come abbiamo la nostra guida qui sotto:
https://www.wpbeginner.com/wp-tutorials/how-to-upload-files-from-a-wordpress-form-to-google-drive/
Amministratore
Tisanke J N Simasiku
Grazie. È esattamente quello di cui avevo bisogno in questo momento.
Supporto WPBeginner
You’re welcome
Amministratore
Ezekiel
Non posso accedere al caricamento, ho accesso al caricamento di file sul mio se non ho sottoscritto alcun piano, giusto??
Supporto WPBeginner
Sembra che tu sia su WordPress.com, i nostri tutorial sono per WordPress.org e potresti voler dare un'occhiata alla nostra guida qui sotto:
https://www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
Amministratore