Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Come creare un modulo di caricamento file in WordPress

L’aggiunta di un modulo per il caricamento di file al vostro sito WordPress può snellire processi come la raccolta di domande di lavoro, la ricezione del feedback dei clienti o la raccolta di documenti per i progetti.

Questo migliora l’interazione con l’utente, consentendo ai visitatori di inviare i file direttamente attraverso il vostro sito web, il che lo rende una caratteristica fondamentale per molte aziende e organizzazioni online.

Nel corso degli anni, molti dei nostri marchi partner hanno utilizzato con successo WPForms per aggiungere moduli per il caricamento di file ai loro siti web, e hanno costantemente riportato esperienze positive.

Hanno trovato il plugin facile da usare, con un accesso semplice per visualizzare i documenti inviati e la possibilità di connettersi senza problemi con i gateway di pagamento e altre integrazioni.

In questo articolo vi mostreremo come creare facilmente un modulo di caricamento file in WordPress, passo dopo passo.

Creating a File Upload form in WordPress

Perché creare un modulo di caricamento dei file di WordPress?

Un modulo di caricamento file è un’ottima idea per raccogliere qualsiasi tipo di file dagli utenti del vostro sito WordPress.

È possibile consentire agli utenti di caricare immagini, file PDF, documenti Word o altri tipi di file.

L’utilizzo di un modulo per il caricamento di file semplifica la vita a voi e ai vostri utenti. Invece di inviare e-mail, potete creare un modulo che includa tutti i campi necessari per raccogliere tutte le informazioni in una sola volta.

Inoltre, il modulo dovrebbe salvare automaticamente i dati del modulo nel database di WordPress. In questo modo, è possibile trovare facilmente gli invii, anche se si perde o si cancella un’e-mail.

Detto questo, vediamo come creare un modulo di caricamento file in WordPress. Ecco una rapida panoramica di ciò che esamineremo in questo articolo:

Come creare un modulo di caricamento file in WordPress

Per questo tutorial utilizzeremo WPForms, il miglior builder di moduli online.

Per maggiori informazioni, consultate la nostra recensione completa di WPForms.

Per prima cosa, è necessario installare e attivare il plugin WPForms. Per ulteriori istruzioni, consultate la nostra guida passo passo su come installare un plugin di WordPress.

Nota: WPForms offre anche una versione gratuita. Tuttavia, per sbloccare il modello di modulo per il caricamento dei file è necessaria la versione Pro del plugin.

Dopo l’attivazione, andare alla pagina WPForms ” Aggiungi nuovo dalla barra laterale dell’amministrazione di WordPress.

Si accede così alla pagina ‘Cerca modello’, dove si può iniziare a dare un nome al nuovo modulo. È necessario cercare il modello di modulo per il caricamento dei file anche nella casella di ricerca a sinistra.

Successivamente, è sufficiente fare clic sul pulsante “Usa modello” sotto l’opzione “Modulo di caricamento file”.

Choose the File Upload form template

A questo punto si accede al costruttore di WPForms, dove il modulo di caricamento dei file viene creato automaticamente.

È possibile utilizzare il modello di modulo per il caricamento dei file senza apportare alcuna modifica, oppure trascinare e rilasciare i campi del modulo dalla barra laterale “Aggiungi campi”.

File Upload form will now be automatically created for you

Quindi, fare clic sul campo “Caricamento file” del modulo per aprire le impostazioni nella colonna di sinistra.

Per impostazione predefinita, nel modulo è possibile caricare diversi tipi di file, tra cui:

  • File immagine: .png, .gif, .jpg
  • Documenti:.doc, .xls, .ppt, .pdf
  • Audio:.wav, .mp3, .mp4
  • Video:.mpg, .mov, .wmv

È possibile accettare qualsiasi formato di file digitandolo nella casella “Estensioni file consentite”.

In questa esercitazione, saranno ammessi i formati immagine .png, .gif e .jpg. Assicurarsi di separare ogni formato di file con una virgola.

Type file extension type

Nota: WordPress limita i tipi di file che possono essere caricati sul sito per motivi di sicurezza. È possibile aggiungere altri tipi di file a WordPress se si desidera consentire agli utenti di caricare tipi di file che non sono normalmente consentiti.

È inoltre possibile impostare un limite massimo di dimensione dei file e un numero massimo di file. Per la nostra esercitazione, permetteremo ai partecipanti di inviare fino a 3 foto di 50 MB ciascuna.

Se si vuole evitare che le persone inviino il modulo WordPress senza allegare i loro file, è possibile attivare/disattivare l’interruttore “necessario”. Ciò significa che il modulo non può essere inviato se non è stato caricato almeno un file.

Choose file size and the number of files to be uploaded

Successivamente, è sufficiente passare alla scheda “Avanzate” dall’alto.

Per impostazione predefinita, il campo di caricamento dei file utilizza un formato moderno che consente agli utenti di trascinare e rilasciare i propri file.

Tuttavia, se lo spazio a disposizione per il modulo è limitato o si preferisce un campo di caricamento classico, è possibile modificarlo. È sufficiente selezionare l’opzione “Classico” dal menu a discesa “Stile”.

Suggerimento: Il campo di caricamento classico consente di caricare un solo file. Se si desidera che gli utenti possano inviare più di un file, è necessario aggiungere più campi di caricamento file al modulo.

Choose the Classic option as the form style from the dropdown menu

Potete anche scegliere di memorizzare i file inviati nella libreria multimediale di WordPress selezionando l’interruttore “Memorizza file nella libreria multimediale di WordPress”. In questo modo è facile aggiungere i file caricati a un post o a una pagina.

Per esempio, se state organizzando un concorso fotografico, potreste voler includere le foto migliori quando annunciate il vincitore.

Nota: i file caricati saranno comunque salvati nel database di WordPress, anche se non si seleziona questa casella. Sono solo memorizzati in una cartella separata del vostro account di hosting WordPress.

Toggle the switch to allow the form to store files in the media library

Se si desidera modificare uno qualsiasi degli altri campi del modulo, è possibile fare clic su di esso per aprire le impostazioni del campo nella colonna di sinistra.

È inoltre possibile aggiungere altri campi al modulo di caricamento dei file dalla colonna di sinistra.

Ad esempio, si può aggiungere un campo Sito web/URL al modulo, in modo che gli utenti possano fornire il link al loro sito web.

Save the form after adding additional fields

Una volta soddisfatti del modulo, fare clic sul pulsante “Salva” nell’angolo in alto a destra dello schermo per memorizzare le impostazioni.

Impostazione delle notifiche del modulo di caricamento dei file

Per modificare le impostazioni di notifica del modulo, è necessario aprire la scheda “Impostazioni” nell’angolo sinistro. Una volta lì, è sufficiente fare clic sulla scheda “Notifiche”.

Per impostazione predefinita, il modulo invia una notifica via e-mail a {admin_email} all’invio del modulo.

Se avete creato il vostro sito WordPress da soli, questo sarà il vostro indirizzo e-mail. In caso contrario, è possibile eliminare {admin_email} e digitare qui il proprio indirizzo e-mail.

Change the email address the receives the notifications

Tuttavia, se non si è sicuri che {admin_email} sia il proprio indirizzo e-mail, è sufficiente visitare la pagina Impostazioni ” Generali dalla dashboard di amministrazione di WordPress.

Una volta lì, cercate l’indirizzo e-mail di amministrazione. Da qui è possibile modificare l’indirizzo e-mail di amministrazione.

Check the admin email

Una volta terminato, non dimenticate di fare clic sul pulsante “Salva modifiche” per memorizzare le impostazioni.

Se si desidera che i file inviati siano inviati a più di una persona, si consiglia di consultare il nostro tutorial su come creare un modulo di contatto con più destinatari di notifica.

Si può anche modificare il messaggio di conferma che gli utenti vedono dopo l’invio del modulo.

A tal fine, visitare la pagina Impostazioni ” Conferme dalla colonna di sinistra. Digitare quindi il messaggio nella casella “Messaggio di conferma”. È anche possibile aggiungere formattazioni come il grassetto e il corsivo.

Change the confirmation message

Infine, non dimenticate di salvare il modulo una volta apportate le modifiche.

È possibile uscire dal costruttore di moduli facendo clic sulla “X” nell’angolo in alto a destra.

Aggiunta del modulo di caricamento dei file al sito web

Una volta terminata la creazione del modulo, è necessario aggiungerlo al sito web.

Per farlo, è necessario aprire una pagina o un post di WordPress esistente o nuovo dalla barra laterale dell’amministrazione. Per questa esercitazione, aggiungeremo il modulo di caricamento dei file a una nuova pagina.

Una volta lì, fare clic sul pulsante Aggiungi nuovo blocco ‘(+)’ nell’angolo in alto a sinistra dello schermo e trovare il blocco WPForms.

Locate and add the WPForms block

Dopo aver aggiunto il blocco, si vedrà un menu a discesa di WPForms visualizzato nella pagina.

Selezionate il modulo di caricamento dei file appena creato.

Choose the File Upload form from the dropdown menu

Infine, fare clic sul pulsante “Pubblica” o “Aggiorna” per salvare le modifiche. Per maggiori dettagli, consultate la nostra guida su come incorpora i moduli di WordPress.

Ora potete visitare il vostro sito web per vedere il modulo di caricamento dei file in azione.

File upload form preview

È inoltre possibile apportare modifiche al modulo in qualsiasi momento visitando la pagina WPForms ” Tutti i moduli dalla barra laterale dell’amministrazione.

Da qui, è sufficiente fare clic sul nome del modulo o passare il mouse su di esso e fare clic sul link “Modifica” per aprire il costruttore di moduli.

Edit form

Quando si modifica il modulo, questo viene aggiornato automaticamente sul sito web, quindi non è necessario aggiungerlo nuovamente alla pagina.

Suggerimento: è buona norma testare il modulo per assicurarsi che funzioni come previsto. Se non ricevete una notifica via e-mail dopo aver creato un modulo, potete leggere la nostra guida passo-passo per risolvere il problema del mancato invio di e-mail da parte di WordPress.

Visualizzazione o download dei file caricati

Quando qualcuno invia un file utilizzando il vostro modulo di caricamento file, potete vederlo nella vostra casella di posta elettronica o nella vostra dashboard di WordPress.

Per ogni iscrizione al modulo, riceverete un’e-mail di questo tipo:

Preview of the email you'll receive when someone fills the form

È sufficiente fare clic sui link per visualizzare o scaricare i file stessi.

È anche possibile trovare facilmente i file nella dashboard di WordPress. Basta andare alla pagina WPForms ” Inserimenti e cliccare sul nome del vostro modulo.

Choose the file upload form on the entries page

È possibile vedere i file caricati nella tabella delle voci del modulo WordPress.

In alternativa, è possibile fare clic sul link “Visualizza” per visualizzare i dettagli completi di ciascun modulo di iscrizione.

View form entries

Bonus: Come abbellire i moduli di WordPress

Una volta creato il modulo di caricamento dei file, è bene personalizzarlo in base ai colori del proprio marchio. Questo può rendere il modulo visivamente accattivante e può incoraggiare un maggior numero di utenti a inviarlo sul vostro sito, generando in ultima analisi dei contatti.

È possibile farlo facilmente con WPForms. Dopo aver aggiunto il modulo di caricamento file a una pagina o a un post, è sufficiente visitare la pagina WPForms ” Impostazioni dalla dashboard di WordPress.

Qui, selezionare l’opzione “Usa markup moderno” e fare clic sul pulsante “Salva modifiche”.

Enable modern markup in WPForms

Ora aprite la pagina in cui avete aggiunto il modulo e date un’occhiata al pannello di blocco sulla destra. Qui, si noteranno alcune nuove impostazioni che si possono utilizzare per dare stile al modulo di caricamento dei file.

È possibile modificare i colori dei campi, del testo e dei pulsanti per rendere il modulo visivamente accattivante.

Style your file upload form

Una volta terminato, basta fare clic sul pulsante “Pubblica” o “Aggiorna” in alto per memorizzare le impostazioni. A questo punto il modulo di caricamento dei file è stato personalizzato con successo.

Per maggiori dettagli, consultate il nostro tutorial su come personalizzare e stilizzare i moduli di WordPress.

Video tutorial

Preferite le istruzioni video? Date un’occhiata al nostro tutorial completo su YouTube su come creare un modulo di caricamento file in WordPress:

Subscribe to WPBeginner

Speriamo che questo tutorial vi abbia aiutato a imparare a creare un modulo di uploader di file in WordPress. Potreste anche voler selezionare la nostra guida definitiva ai moduli di WordPress e le nostre scelte degli esperti per i migliori plugin di WordPress per l’uploader di file.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

13 commentiLascia una risposta

  1. Mrteesurez

    I can that WPForms seems to be the best contact form plugin for WordPress for any business bro has.
    But what if I want to store the uploaded files in another location, maybe third party location, like AWS, azure or Google drove, do that I can be able to collect more files and never overload my shared WordPress hosting database.

    • WPBeginner Support

      WPForms does allow you to send the uploaded files to storage like AWS or drive to not have the files on your hosting itself.

      Admin

  2. Ralph

    This is really nice idea for a contest. Way better than leaving an email that can be spammed with a lot of files. This is clear, offer security in form of deciding what files are accepted and how many of them. Great guide!

    • WPBeginner Support

      Glad you found it helpful :)

      Admin

  3. Jiří Vaněk

    Before I had my own server where I configured PHP according to my needs, it’s important to note that the upload file size limit might still be on the provider’s side. Many providers have a much smaller PHP limit per file. Be mindful of this. Sometimes, you can adjust it in the .htaccess file, sometimes with a .user.ini file, and sometimes not at all. You might need to contact the server administrator to increase the file upload limit using PHP.

  4. Patricia Dueck

    When a person uploads a file to a Wordpress form, do they have to have a Wordpress account or a certain type of email address or can anyone upload a file regardless of their email address?

    • WPBeginner Support

      It would depend on how you set up the form but you can accept uploads from anyone you wanted :)

      Admin

  5. Leandro

    Hello, first thanks for sharing knowledge.

    One question: is there any way to change the path for sending the file, for example to an S3 bucket?

  6. Tisanke J N Simasiku

    Thank you. This is exactly what I needed right now.

    • WPBeginner Support

      You’re welcome :)

      Admin

  7. Ezekiel

    I can’t access uploading have access uploading files on my if I didn’t subscribe to any plan right??

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.