Vill du skapa ett formulär för filuppladdning i WordPress?
Kanske anställer du medarbetare och vill samla in återstarta, eller kanske runar du en fototävling där du vill att den sökande ska attachment filer.
I den här artikeln visar vi dig hur du enkelt skapar ett formulär för filuppladdning i WordPress, steg för steg.
Varför skapa ett formulär för filuppladdning i WordPress?
Ett formulär för filuppladdning är en bra idé för att samla in alla typer av filer från dina användare på din WordPress website.
Du kan låta användarna uploada images, PDF-filer, Word-dokument eller andra typer av filer.
Att använda ett formulär för filuppladdning gör livet enkelt för dig och dina användare. Istället för att skicka email fram och tillbaka kan du skapa ett formulär som innehåller alla fält du behöver för att samla in all information på en gång.
Dessutom bör ditt formulär automatiskt save formulärdata i din WordPress database. På så sätt kan du enkelt hitta inskickade formulär, även om du missar eller raderar ett email.
Med detta sagt, låt oss ta en titt på hur man skapar ett formulär för upload av filer i WordPress.
Video Tutorial
Om du föredrar skriftliga instruktioner kan du fortsätta Läsa.
Så här skapar du ett formulär för filuppladdning i WordPress
För denna tutorial kommer vi att använda WPForms, som är det bästa pluginet för kontaktformulär för WordPress.
För mer information, se vår kompletta WPForms review.
Först måste du installera och aktivera pluginet WPForms. För mer instruktioner, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.
Note: WPForms erbjuder också en gratis version. Du behöver dock Pro-versionen av pluginet för att låsa upp formulärmallen för filuppladdning.
Efter aktivering, head till WPForms ” Add New page från WordPress admin sidebar.
Detta kommer att ta dig till sidan ”Search Template”, där du kan börja med att namnge ditt nya formulär. Du måste också leta efter formulärmallen för filuppladdning i search boxen till vänster.
Därefter klickar du bara på knappen ”Use Template” under alternativet ”File Upload Form”.
Du kommer nu att tas till WPForms builder, där File Upload Form kommer att skapas automatiskt för you.
Du kan använda formulärmallen för filuppladdning utan att göra några ändringar, eller så kan du också dra and drop-formulärfält från sidebaren ”Add Fields”.
Därefter klickar du på fältet ”File Upload” i formuläret för att öppna dess inställningar i den vänstra colonnen.
Som standard kan du uploada olika typer av filer i formuläret, bland annat
- Image-filer: .png, .gif, .jpg
- Dokument:.doc, .xls, .ppt, .pdf
- Ljud:.wav, .mp3, .mp4
- Videoklipp:.mpg, .mov, .wmv
Allt du behöver göra är att skriva in de format som du vill godkänna i boxen ”Allowed File Extensions”.
För denna tutorial kommer vi att allow the image formats .png, .gif, and .jpg. Se till att separera varje format med ett kommatecken.
Note: WordPress limiterar de filtyper som kan uploadas till site av WordPress säkerhetsskäl. Du kan add to ytterligare filtyper i WordPress om du vill allow användare att uploada filtyper som normalt inte är tillåtna.
You kan också ställa in en limit för maximal filstorlek och ett maximalt antal filer. För vår tutorial kommer vi att allow people to submit up to 3 photos of up to 50MB each.
Om du vill förhindra att folk skickar in formuläret utan att attachment deras fil (er), kan du toggle på ”Required” switch. Detta innebär att formuläret inte kan skickas in om inte minst 1 fil har laddats upp.
Därefter byter du bara till tabben ”Avancerat” högst upp.
Som standard använder fältet File Upload ett modernt format som låter användare drag and drop sina filer.
Men om du har limit på utrymmet för ditt formulär eller föredrar ett klassiskt fält för upload, kan du ändra detta. Välj helt enkelt alternativet ”Classic” i dropdown-menyn ”Style”.
Tips: Det klassiska uppladdningsfältet tillåter endast att en fil uppladdas. Om du vill att användarna ska kunna skicka in mer än en fil måste du add to flera File Upload Fields till your form.
You can also choose to store the submitted files in the WordPress Media Library by toggle on the ”Store file in WordPress Media Library” switch. Detta gör det enkelt för dig att add to de uppladdade filerna till en post eller page.
Om du till exempel runar en fototävling kanske du vill ta med de bästa bilderna när du tillkännager vinnaren.
Note: De uppladdade filerna kommer fortfarande att sparas i din WordPress database, även om du inte kontrollerar den här boxen. De lagras bara i en separat folder på ditt WordPress webbhotell account.
Om du vill editera något av de andra fälten i ditt formulär kan du klicka på dem för att öppna fältets inställningar i den vänstra colonnen.
You can also add other fields to your File Upload form from the left column.
Du kanske till exempel vill add to ett Website/URL-fält i formuläret så att användarna kan ge you en länk till sin website.
När du är nöjd med ditt formulär klickar du på knappen ”Save” högst upp till höger på vyn för att store dina settings.
Setting Up Your File Upload Form’s Notifications
För att ändra inställningarna för aviseringar för formuläret måste du öppna tabben ”Settings” i det vänstra hörnet. När du är där klickar du helt enkelt på tabben ”Aviseringar”.
Som standard skickar formuläret en email notification till {admin_email} när formuläret skickas in.
Om du själv har skapat din site på WordPress kommer detta att vara din email address. Eller ej, då kan du delete {admin_email} och skriva in din egen email address här istället.
Men om du inte är säker på om {admin_email} är din email address, besök bara Settings ” General page från din WordPress adminpanel.
När du är där letar du efter administratörens email address. Du kan nu ändra administratörens email address härifrån.
När du är klar, glöm inte att clicka på knappen ”Save Changes” för att store dina inställningar.
Om du vill att de filer som skickas in ska skickas till mer än en person, kan du läsa vår tutorial om hur du skapar ett kontaktformulär med flera mottagare av notifications.
Du kan också ändra det bekräftande message som användare ser efter att formuläret har submittats.
För att göra detta måste du besöka Settings ” Confirmations page från den vänstra columnen. Skriv sedan bara meddelandet i boxen ”Confirmation Message”. Du kan också add to format som gillar fetstil och kursiv stil.
Slutligen, glöm inte att save ditt formulär när du har gjort ändringarna.
Du kan lämna form buildern genom att clicka på ”X” högst upp i högra hörnet.
Lägga till formuläret för filuppladdning på din website
När du har slutfört skapandet av ditt formulär måste du add to det till din website.
För att göra detta måste du öppna en befintlig eller ny WordPress page/post från admin sidebar. För denna tutorial kommer vi att lägga till formuläret File Upload till en new page.
När du är där klickar du på knappen Add New Block ’(+)’ högst upp till vänster på vyn och hittar WPForms-blocket.
När du har lagt till blocket ser du en WPForms dropdown-meny som visas på sidan.
Gå vidare och välj formuläret File Upload som du just skapade.
Slutligen klickar du på knappen ”Publicera” eller ”Update” för att save your changes.
You can now visit your website to see the File Upload form in action.
Du kan också göra ändringar i ditt formulär när som helst genom att besöka WPForms ” All For ms page från admin sidebar.
Härifrån klickar du bara på namnet på formuläret eller håller musen över det och klickar på länken ”Edit” för att öppna form buildern.
När du editerar ditt formulär uppdateras det automatiskt på din website, så du behöver inte add to det på din page igen.
Tips: Det är en bra idé att testa ditt formulär för att se till att det fungerar som förväntat. Om du inte får en email notification efter att ha skapat ett formulär kan du läsa vår Step-by-Step guide om hur du fixar WordPress not sending email issue.
View eller download av de uppladdade filerna
När någon skickar en fil med hjälp av ditt formulär för upload av filer kan du se den i din inbox för email eller i din WordPress dashboard.
För varje post i formuläret får du ett email som gillar det här:
Klicka bara på länkarna för att viewa eller downloada filerna själva.
Du kan också enkelt hitta filerna i din WordPress dashboard. Gå bara till WPForms ” Entries page och klicka sedan på namnet på ditt formulär.
Du kan se de uppladdade filerna i tabellen över WordPress formulärposter.
Alternativt kan you click the ”View” link to see the full details for each form entry.
Bonus: Så här stylar du dina WordPress-formulär
När du har skapat ett formulär för upload av filer är det en bra idé att customize det i enlighet med dina varumärkesfärger. Detta kan göra ditt formulär visuellt tilltalande och kan uppmuntra fler användare att skicka in det på din webbplats, vilket i slutändan genererar leads.
Du kan enkelt göra detta med WPForms. När du har lagt till ditt formulär för filuppladdning på en sida eller post, besök bara WPForms ” Settings page från WordPress dashboard.
Här kontrollerar du alternativet ”Use Modern Markup” och klickar på knappen ”Save Changes”.
Öppna nu sidan där du har lagt till ditt formulär och ta en titt på blockpanelen till höger. Här kommer du att notera några new settings som du kan använda för att styla formuläret för filuppladdning.
You can change the field colors, text colors, and button colors to make your form visually appealing.
När du är klar klickar du bara på knappen ”Publicera” eller ”Update” högst upp för att store dina settings. Du har nu utan problem stylat ditt formulär för upload av filer.
För detaljer, se vår tutorial om hur du customize och stilar din WordPress formulär.
Vi hoppas att denna tutorial hjälpte dig att lära dig hur du skapar ett formulär för filuppladdning i WordPress. Du kanske också vill kontrollera våra expertval för de bästa tilläggen för undersökningar i WordPress och läsa vår guide om hur du skapar ett nyhetsbrev via email.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Mrteesurez says
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 says
WPForms does allow you to send the uploaded files to storage like AWS or drive to not have the files on your hosting itself.
Administratör
Ralph says
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 says
Glad you found it helpful
Administratör
Jiří Vaněk says
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.
Patricia Dueck says
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 says
It would depend on how you set up the form but you can accept uploads from anyone you wanted
Administratör
Leandro says
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?
WPBeginner Support says
You would want to take a look at Zapier similar to how we have our guide below:
https://www.wpbeginner.com/wp-tutorials/how-to-upload-files-from-a-wordpress-form-to-google-drive/
Administratör
Tisanke J N Simasiku says
Thank you. This is exactly what I needed right now.
WPBeginner Support says
You’re welcome
Administratör
Ezekiel says
I can’t access uploading have access uploading files on my if I didn’t subscribe to any plan right??
WPBeginner Support says
It sounds like you are on WordPress.com, our tutorials are for WordPress.org and you may want to take a look at our guide below:
https://www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
Administratör