Hur man skapar ett filuppladdningsformulär i WordPress

För inte så länge sedan krävdes det anpassad kod eller klumpiga lösningar för att lägga till ett formulär för filuppladdning i WordPress. Det var inte direkt nybörjarvänligt och ledde ofta till förvirring för både sajtägare och besökare.

Det är därför vi har ägnat år åt att testa olika verktyg och hjälpa företag att effektivisera denna process.

Låt oss säga att du behöver samla in jobbansökningar, ta emot kundfeedback eller samla in viktiga dokument för ett projekt. I det här fallet kan ett formulär för filuppladdning göra din webbplats mycket mer effektiv och professionell!

I den här steg-för-steg-guiden visar vi dig hur du enkelt skapar ett formulär för filuppladdning i WordPress med hjälp av ett nybörjarvänligt plugin – ingen kodning krävs. Det är samma metod som många av våra partner varumärken förlitar sig på för att förenkla dokumentinsamling och förbättra användarinteraktionen.

Varför skapa ett WordPress-formulär för filuppladdning?

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-webbplats.

Du kan låta användare ladda upp bilder, PDF-filer, Word-dokument eller andra typer av filer.

Att använda ett formulär för filuppladdning gör livet enklare för dig och dina användare. Istället för att skicka e-post 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 spara formulärdata i din WordPress-databas. På så sätt kan du enkelt hitta inlämningarna, även om du missar eller raderar ett e-postmeddelande.

Med det sagt, så visar vi dig hur du skapar ett formulär för filuppladdning i WordPress. Här är en snabb översikt över vad vi kommer att gå igenom i den här artikeln:

Låt oss hoppa rakt in!

Hur man skapar ett filuppladdningsformulär i WordPress

För den här handledningen kommer vi att använda WPForms, som är den bästa onlineformulärbyggaren på marknaden. Den är nybörjarvänlig, men ändå tillräckligt kraftfull för att hantera avancerade funktioner som filuppladdningar, villkorlig logik och formulär i flera steg.

Vi använder WPForms på flera av våra webbplatser för att hantera viktiga uppgifter som kontaktformulär, förfrågningar om webbplatsmigrering och vår årliga användarundersökning. Det har gjort det enkelt för oss att samla in och hantera svar utan att behöva jonglera med e-post eller kalkylblad.

För mer information, se vår kompletta WPForms-recension.

Först måste du installera och aktivera WPForms-pluginet. För fler instruktioner, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Efter aktivering, gå till sidan WPForms » Lägg till ny från WordPress admin sidofält.

Detta tar dig till sidan 'Sök mall', där du kan börja med att namnge ditt nya formulär.

Därefter väljer du hur du bygger ditt formulär: med en tom duk, en AI-formulärbyggare eller en färdig mall.

Om du till exempel väljer WPForms AI formulärbyggare, behöver du bara beskriva vilken typ av formulär du behöver i en enkel prompt. WPForms kommer sedan automatiskt att generera formuläret åt dig.

För den här handledningen kommer vi dock att använda en färdig mall. Du kan använda sökfältet för att snabbt hitta mallen för filuppladdningsformulär.

När du har hittat den klickar du helt enkelt på knappen 'Använd mall' under alternativet 'Filuppladdningsformulär'.

Du kommer nu att dirigeras till WPForms-byggaren, där formuläret för filuppladdning automatiskt laddas åt dig.

Du kan använda formulärmallen för filuppladdning utan att göra några ändringar, eller så kan du också dra och släppa formulärfält från sidofältet ‘Lägg till fält’.

Klicka sedan på fältet 'Filuppladdning' i formuläret för att öppna dess inställningar i den vänstra kolumnen.

Som standard kan du ladda upp olika typer av filer i formuläret, inklusive:

• Bildfilformat: .png, .gif, .jpg
• Dokument: .doc, .xls, .ppt, .pdf
• Ljud: .wav, .mp3, .mp4
• Video: .mpg, .mov, .wmv

Du kan acceptera vilket filformat som helst genom att skriva in det i rutan 'Allowed File Extensions'.

För den här handledningen tillåter vi bildformaten .png, .gif och .jpg. Se till att separera varje filformat med ett kommatecken.

Du kan också ställa in en maximal filstorleksgräns och ett maximalt antal filer. För vår handledning kommer vi att tillåta personer att skicka upp till 3 foton på upp till 50 MB vardera.

Om du vill förhindra att personer skickar in WordPress-formuläret utan att bifoga sina filer, kan du aktivera omkopplaren 'Krävs'. Detta innebär att formuläret inte kan skickas in om inte minst 1 fil har laddats upp.

Byt sedan helt enkelt till fliken 'Avancerat' högst upp.

Som standard använder fältet för filuppladdning ett modernt format som låter användare dra och släppa sina filer.

Om du dock har begränsat utrymme för ditt formulär eller föredrar ett klassiskt uppladdningsfält kan du ändra detta. Välj helt enkelt alternativet 'Klassisk' från ned menyn 'Stil'.

Observera att det klassiska uppladdningsfältet endast tillåter en fil att laddas upp. Om du vill att användare ska kunna skicka in mer än en fil, måste du lägga till flera fält för filuppladdning i ditt formulär.

Du kan också välja att lagra de uppladdade filerna i WordPress mediebibliotek genom att aktivera reglaget 'Store file in WordPress Media Library'. Detta gör det enkelt för dig att lägga till de uppladdade filerna till ett inlägg eller en sida.

Om du till exempel driver en fototävling, kanske du vill inkludera de bästa bilderna när du tillkännager vinnaren.

Om du vill redigera några 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 kolumnen.

Du kan också lägga till andra fält i ditt filuppladdningsformulär från den vänstra kolumnen.

Till exempel kanske du vill lägga till ett fält för webbplats/URL i formuläret så att användarna kan ge dig länken till sin webbplats.

När du är nöjd med ditt formulär klickar du på knappen 'Spara' i det övre högra hörnet av skärmen för att lagra dina inställningar.

Konfigurera ditt formulär för filuppladdningsaviseringar

För att ändra aviseringarna för formuläret måste du öppna fliken 'Inställningar' på vänster sida. När du är där klickar du helt enkelt på fliken 'Aviseringar'.

Som standard skickar formuläret ett e-postmeddelande till {admin_email} vid formulärinsändning.

Om du skapade din WordPress-webbplats själv, då är detta din e-postadress. Om inte, kan du ta bort {admin_email} och skriva din egen e-postadress här istället.

Om du dock inte är säker på om {admin_email} är din e-postadress, besök helt enkelt sidan Inställningar » Allmänt från din WordPress admin-instrumentpanel.

När du är där, leta efter sektionen 'Administration Email Address'. Du kan nu ändra administratörens e-postadress härifrån.

När du är klar, glöm inte att klicka på knappen 'Save Changes' för att spara dina inställningar.

Om du vill att de inlämnade filerna ska skickas till mer än en person, kanske du vill se vår handledning om hur man skapar ett kontaktformulär med flera mottagare för aviseringar.

Du kan också ändra bekräftelsemeddelandet som användare ser efter att formuläret har skickats in.

För att göra detta, besök sidan Inställningar » Bekräftelser i den vänstra kolumnen. Skriv sedan meddelandet i rutan 'Bekräftelsemeddelande'. Du kan också lägga till formatering som fetstil och kursiv stil.

Spara slutligen inte ditt formulär när du har gjort ändringarna.

Du kan avsluta formulärbyggaren genom att klicka på 'X' i det övre högra hörnet.

Lägga till filuppladdningsformuläret på din webbplats

När du har skapat din formulär måste du lägga till den på din webbplats.

För att göra detta måste du öppna en befintlig eller ny WordPress sida/inlägg från adminmenyn. För den här handledningen kommer vi att lägga till formuläret för filuppladdning till en ny sida.

När du är där, klicka på knappen Lägg till nytt block ‘(+)’ längst upp till vänster på skärmen och hitta WPForms-blocket.

När du har lagt till blocket ser du en WPForms-ned meny som visas på sidan.

Fortsätt och välj formuläret för filuppladdning som du just skapade.

Klicka slutligen på knappen 'Publicera' eller 'Uppdatera' för att spara dina ändringar. För mer information, se vår guide om hur man bäddar in WordPress-formulär.

Du kan nu besöka din webbplats för att se formuläret för filuppladdning i aktion.

Du kan också göra ändringar i ditt formulär när som helst genom att besöka sidan WPForms » Alla formulär från administratörens sidofält.

Härifrån klickar du helt enkelt på formulärets namn eller för muspekaren över det och klickar på länken ‘Redigera’ för att öppna formulärbyggaren.

När du redigerar ditt formulär kommer det automatiskt att uppdateras på din WordPress-webbplats, så du behöver inte lägga till det på din sida igen.

Visa eller ladda ner uppladdade filer

När någon skickar en fil via ditt formulär för filuppladdning kan du se den i din e-postinkorg eller ditt WordPress-dashboard.

Med varje formulärsinlämning får du ett e-postmeddelande som detta:

Klicka bara på länkarna för att visa eller ladda ner filerna själva.

Du kan också enkelt hitta filerna i din WordPress-instrumentpanel. Gå helt enkelt till sidan WPForms » Inlägg och klicka sedan på namnet på ditt formulär.

Du kan se de uppladdade filerna i tabellen med WordPress-formulärinlägg.

Alternativt kan du klicka på länken 'Visa' för att se fullständiga detaljer för varje formulärsinlägg.

Bonustips 🌟: Hur du stylar dina WordPress-formulär

När du har skapat ett formulär för filuppladdning är det en bra idé att anpassa det enligt 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 ett inlägg, besök helt enkelt sidan WPForms » Inställningar från WordPress-instrumentpanelen.

Här, markera alternativet 'Använd modern markup' och klicka på knappen 'Spara ändringar'.

Öppna nu sidan där du har lagt till ditt formulär och titta på blockpanelen till höger. Här kommer du att märka några nya inställningar som du kan använda för att styla formuläret för filuppladdning.

Du kan ändra fältfärger, textfärger och knappfärger för att göra ditt formulär visuellt tilltalande.

När du är klar klickar du bara på knappen 'Publicera' eller 'Uppdatera' högst upp för att spara dina inställningar. Du har nu framgångsrikt anpassat ditt formulär för filuppladdning.

För detaljer, se vår handledning om hur du anpassar och stylar dina WordPress-formulär.

Videohandledning

Föredrar du videoinstruktioner? Kolla in vår kompletta YouTube-handledning om hur du skapar ett formulär för filuppladdning i WordPress:

Prenumerera på WPBeginner

Vi hoppas att den här handledningen hjälpte dig att lära dig hur du skapar ett formulär för filuppladdning i WordPress. Du kanske också vill kolla in vår ultimata guide till WordPress-formulär och våra experters val för bästa filuppladdningsplugins för WordPress.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.