Att skapa ett Dropbox-uppladdningsformulär i WordPress kan göra filhanteringen till en barnlek.
Med den här integrationen kan du skicka filer direkt till ditt Dropbox-konto istället för att hantera överfulla e-postbilagor. På så sätt hålls dina inlagor organiserade och lättillgängliga.
Dessutom förenklar ett Dropbox-uppladdningsformulär filhanteringen och förbättrar användarupplevelsen.
I den här artikeln går vi igenom de enkla stegen för att ställa in ett Dropbox-uppladdningsformulär på din WordPress-webbplats.
Varför använda Dropbox för att uploada attachments till formulär
Ibland kan du behöva användare för att uploada en fil attachment med hjälp av ett formulär på din website. Till exempel kan en website för en jobbsajt behöva ett alternativ för upload av filer för att ladda upp CV eller arbetsprover.
Ett formulär för återkoppling från kunder kan behöva ett alternativ för filuppladdning så att användare kan skicka screenshots. Eller så kan en website för en fototävling behöva det för att användare ska kunna uploada sina bidrag.
När du får filer kan du lagra dessa filer på din WordPress website. De kommer att addas till wp-content foldern på din website.
Men om du förväntar dig att få ett stort antal poster som inte är relaterade till dina faktiska webbplatsfiler, är det en bra idé att spara dem separat.
Att ladda upp formulärbilagor till Dropbox har nu följande fördelar:
- Du kan hålla uppladdare av formulär separerade från dina WordPress-filer.
- Dropbox gör det enklare att dela dessa filer med vem som helst, och du behöver inte ge dem tillgång till din website.
- Du kan enkelt browsa och hantera attachments till formulär från din Dropbox dashboard.
- Om du inte längre behöver dessa filer kan du downloada, archive och delete dem.
Med detta i åtanke ska vi visa dig hur du skapar ett WordPress-formulär med ett alternativ för att ladda upp filer till Dropbox. Här är en snabb överblick över alla steg du kommer att ta:
Är du redo? Låt oss komma igång.
Skapa ett formulär för uppladdning av Dropbox i WordPress
Det enklaste sättet att skapa ett Dropbox-formulär i WordPress är att använda WPForms. Det är det bästa insticksprogrammet för kontaktformulär för WordPress och erbjuder förbyggda mallar, en formulärbyggare med dra-och-släpp-funktion och premiumintegreringar.
Låt oss först installera och aktivera WPForms plugin. För mer information kan du kolla in vår artikel om hur du installerar ett WordPress-plugin.
Obs: WPForms är ett betalt plugin som byggts av ett av WPBeginners partnerföretag. Du behöver minst deras ”Pro”-plan för att få tillgång till Zapier-tillägget, som vi kommer att använda i denna handledning. Om du vill testa det först finns det också en WPForms Free Lite-version som du kan använda gratis.
Vid aktivering måste du gå till WPForms ” Settings från din WordPress dashboard och enter din license key. Du kan enkelt hitta license key i ditt WPForms account area.
Därefter måste du besöka WPForms ” Add New i din WordPress admin area.
Härifrån kan du lägga till ett nytt formulär för uppladdning av WordPress Dropbox.
Det kommer att ta dig till WPForms form builder page.
Ange bara ett namn för ditt formulär högst upp och välj sedan mallen ”Simple Contact Form” som utgångspunkt.
WPForms kommer att hämta formulärmallen med vanliga formulärfält. Du kan clicka på valfritt fält för att edit och dra fälten för att omorganisera dem eller add new fält till formuläret.
Därefter måste du klicka på fältet ”File Upload” som finns under avsnittet ”Fancy fields” i den vänstra kolumnen.
This will add the file upload field to your form.
Gå vidare och klicka på knappen ”Spara” för att spara formuläret, så är ditt filuppladdningsformulär klart.
Integrera Zapier med WPForms
I det här steget måste du ansluta ditt formulär till ditt Dropbox-konto.
Vi kommer att använda en tjänst som heter Zapier för att göra det. Zapier allow you att ansluta olika appar till din website utan att skriva någon kod. I det här fallet kommer vi att använda den för att skapa en anslutning mellan WPForms och Dropbox.
WPForms levereras med ett ”Zapier Addon” som du kan använda för att integrera med över 1500 populära appar, inklusive Dropbox.
För att komma åt detta addon måste du gå till WPForms ” Addons page. Därifrån måste du leta efter Zapier addon och klicka på knappen ”Install Addon”. Det kommer att aktivera addon automatiskt.
Därefter måste du gå till WPForms ” Settings ” Integrations page i din WordPress admin area.
Därifrån måste du kopiera ”Zapier API key” som du behöver för att ansluta din WordPress website till Zapier.
När du har kopierat ska du gå till Zapiers website och logga in på ditt Zapier account.
Klicka sedan på knappen ”Create Zap” för att fortsätta.
Därefter ber Zapier dig att selecta en trigger.
Det kommer att finnas många appar tillgängliga. Search efter ”WPForms” och välj den som en trigger app.
Efter det måste du välja ”New Form Entry” som en utlösande händelse för WPForms app.
Det kommer att skapa en trigger för varje formulär som skickas in.
Därefter måste du välja ett WPForms forms account.
Du kan gå vidare och klicka på knappen ”Sign” för att ansluta ditt Zapier-konto till WPForms plugin på din webbplats.
Ett nytt fönster öppnas nu.
För att ansluta Zapier till din website måste du add to din website URL och Zapier API key som du kopierade tidigare.
När du har enter dessa details klickar du på knappen ”Yes, Continue”.
Detta kommer att visa WPForms account. Klicka på knappen ”Fortsätt”.
Därefter måste du i dropdown ’Form’ välja formuläret för filuppladdning som du skapade tidigare.
När det är gjort, gå vidare och klicka på knappen ”Fortsätt”.
Innan du går till nästa steg kommer Zapier att be dig att testa det nya formuläret för filuppladdning för att se om alla inställningar fungerar korrekt.
Du kan besöka WPForms ” All Forms page i WordPress admin area och klicka på länken ’Preview’ under formuläret för filuppladdning.
För att göra detta test smidigt bör du ladda upp en fil och lägga till dummytext i meddelandeavsnittet.
Submit test entry och gå till ditt Zapier account. Klicka sedan på knappen ”Test trigger”.
Note: Du kan kontrollera testinmatningen i ”Find Data” section.
Om testet är utan problem kommer det att hoppa till nästa steg, där du kan integrera ditt formulär med Dropbox.
Ansluta WPForms till Dropbox
Först måste you gå till ditt Dropbox account och skapa en new Dropbox upload folder.
Du kan byta namn på den här foldern till ”WPForms Uploads” eller ge den vilket namn som helst. Alla dina attachments kommer att uploadas till den här foldern automatiskt.
Därefter måste du gå tillbaka till ditt Zapier account. I ”Action” section måste du searcha efter ”Dropbox app” och clicka på den.
Du kommer att bli ombedd att skapa en action för Dropbox.
Välj alternativet ”Upload File” och klicka på knappen ”Continue”.
Efter det måste du klicka på knappen ”Logga in”.
På så sätt kan du välja ditt Dropbox account och ansluta det till Zapier.
Därefter måste du välja ditt Dropbox account från dropdown-menyn.
När du har valt account klickar du bara på knappen ”Continue”.
Nu måste du konfigurera filinställningarna för Dropbox. Det kommer att be dig om 2 alternativ:
- Den Dropbox folder där du vill save attachments till filer
- WPForms fält för uppladdning av fil
Du kan sedan rulla ner för att se mer avancerade Settings.
Klicka bara på knappen ”Fortsätt”.
När du har konfigurerat kan du gå vidare och testa dina konfigurationer.
Klicka på knappen ”Test & fortsätt”.
När testet är utan problem måste you publicera your Zap.
Klicka bara på knappen ”Publicera Zap”.
Slutligen öppnas nu ett popup-fönster.
You can go ahead and click the ”Publicera och slå på” button.
Ditt onlineformulär med ett alternativ för upload av filer är redo att addas till din website.
Lägga till formuläret för uppladdning av Dropbox i WordPress
För att add to Dropbox-uppladdningsformuläret i WordPress kan du edit alla pages eller posts där du vill visa det.
Add bara WPForms-blocket till content editor och selecta formuläret som you skapade tidigare.
I blocket WPForms väljer du helt enkelt ditt Dropbox-formulär för filuppladdning från dropdown-menyn.
WPForms kommer att hämta en live preview av ditt formulär i content editorn.
You can now visit your website to see the form in action.
Du kan också testa formuläret genom att ladda upp en fil och fylla i den.
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du skapar ett Dropbox-uppladdningsformulär i WordPress. Du kanske också vill se våra expertval av de bästa Dropbox-pluginsen för WordPress och vår guide om hur du skapar ett anpassat Airtable-formulär i WordPress.
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
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!
Jiří Vaněk
WPForms is a great plugin and the more I see what it can do, the more I’m glad I have the full version. I see a great advantage in storing data on DropBox in that I can also protect my website space from malicious files. I will definitely use this guide, as I don’t want to let website users upload data directly to wp-content. It seems dangerous to me.
Dennis Muthomi
Yep…you make an excellent point about the security benefits of using Dropbox for file uploads instead of storing them directly on your WordPress site.
the best part is that storing uploads in Dropbox can also help reduce disk space usage on your hosting account. Especially if you expect to receive many file uploads, having them go directly to Dropbox prevents those files from eating up your limited server space over time.