Wil je een Dropbox-uploadformulier maken in WordPress?
Een contactformulier met een optie voor het uploaden van bestanden kan moeilijk te beheren zijn als u te veel bijlagen ontvangt. U kunt uw formulier verbinden met Dropbox en die bestanden rechtstreeks naar de cloud uploaden.
In dit artikel laten we je zien hoe je eenvoudig een Dropbox-uploadformulier in WordPress kunt maken.
Waarom Dropbox gebruiken om formulierbijlagen te uploaden
Soms moet u gebruikers een bestandsbijlage uploaden met behulp van een formulier op uw website.
Een vacaturebankwebsite heeft bijvoorbeeld een optie voor het uploaden van bestanden nodig om CV of werkvoorbeelden te uploaden.
Voor een feedbackformulier voor klanten is mogelijk een optie voor het uploaden van bestanden nodig, zodat gebruikers schermafbeeldingen kunnen verzenden. Een fotowedstrijdwebsite heeft deze mogelijk nodig voor gebruikers om hun inzendingen te uploaden.
Terwijl u bestanden ontvangt, kunt u die bestanden op uw WordPress-website opslaan. Ze worden toegevoegd aan de wp-content-map van uw website.
Als u echter een hoop inzendingen verwacht en deze zijn niet gerelateerd aan uw daadwerkelijke websitebestanden, is het een goed idee om ze apart op te slaan.
Het uploaden van formulierbijlagen naar Dropbox heeft de volgende voordelen:
- Houdt formulier-uploadinvoer gescheiden van uw WordPress-bestanden
- Dropbox maakt het gemakkelijker om die bestanden met iedereen te delen en je hoeft ze geen toegang te geven tot je website.
- U kunt eenvoudig door formulierbijlagen bladeren en deze beheren vanaf uw Dropbox-dashboard
- Als u die bestanden niet langer nodig heeft, kunt u ze downloaden, archiveren en verwijderen.
Dat gezegd hebbende, laten we eens kijken hoe we een WordPress-formulier kunnen maken met een optie om bestanden naar Dropbox te uploaden.
Een Dropbox-uploadformulier maken in WordPress
Eerst moet u de WPForms- plug- in installeren en activeren . Lees voor meer informatie ons artikel over het installeren van een WordPress-plug-in .
Opmerking: WPForms is een betaalde plug-in die is gebouwd door hetzelfde team als WPBeginner, en je hebt op zijn minst hun ‘Pro’-plan nodig om toegang te krijgen tot de Zapier-add-on die we in deze tutorial zullen gebruiken.
Na activering moet u WPForms bezoeken »Nieuwe pagina toevoegen in uw WordPress- beheergebied .
U gaat naar de WPForms-pagina voor het maken van formulieren. Geef gewoon een naam op voor uw formulier en selecteer vervolgens een eenvoudig sjabloon voor contactformulieren als uitgangspunt.
WPForms laadt de formuliersjabloon met veelgebruikte formuliervelden. U kunt op elk veld klikken om het te bewerken, en u kunt de velden ook slepen om ze opnieuw te rangschikken of nieuwe velden aan het formulier toe te voegen.
Vervolgens moet u op het veld ‘Bestand uploaden’ klikken onder het gedeelte ‘Mooie velden’ in de linkerkolom.
Hiermee wordt het veld voor het uploaden van bestanden aan uw formulier toegevoegd.
Klik op de knop ‘Opslaan’ om uw formulier op te slaan en uw bestandsuploadformulier is klaar.
Zapier integreren met WPForms
Vervolgens moet je je formulier verbinden met je Dropbox-account.
We gebruiken hiervoor een service genaamd Zapier. Met Zapier kunt u verschillende apps met uw website verbinden zonder code te schrijven. In dit geval gebruiken we het om een verbinding tot stand te brengen tussen WPForms en Dropbox.
WPForms wordt geleverd met een ‘Zapier Add-on’ die u kunt gebruiken om te integreren met meer dan 1500 populaire apps, waaronder Dropbox.
Om toegang te krijgen tot deze add-on, moet je naar de WPForms »Addons- pagina gaan. Van daaruit moet je naar de Zapier-add-on zoeken en op de knop ‘Add-on installeren’ klikken. Het zal de add-on automatisch activeren.
Vervolgens ga je naar WPForms »Instellingen» Integraties pagina in je WordPress admin gebied. Van daaruit moet u de ‘Zapier API-sleutel’ kopiëren die u nodig hebt om uw WordPress-website met Zapier te verbinden.
Eenmaal gekopieerd, moet u naar de Zapier-website gaan en inloggen op uw Zapier-account. Klik vervolgens op de knop ‘Maak een Zap’ om door te gaan.
Er zullen veel apps beschikbaar zijn. Zoek naar ‘WPForms’ en selecteer deze als een trigger-app.
Daarna moet u ‘New Form Entry’ selecteren als een triggergebeurtenis voor de WPForms-app. Het creëert een trigger voor elke indiening van een formulier.
Nu kunt u doorgaan en op de knop ‘Aanmelden bij WPForms’ klikken om uw Zapier-account te verbinden met de WPForms-plug-in op uw site.
Om Zapier met uw website te verbinden, moet u uw website-URL en Zapier API-sleutel toevoegen die u eerder hebt gekopieerd.
Het zal het WPForms-account weergeven. Klik op de knop ‘Doorgaan’.
In de vervolgkeuzelijst ‘Formulier’ moet je het bestandsuploadformulier selecteren dat je eerder hebt gemaakt.
Klik daarna op de knop ‘Doorgaan’.
Voordat u naar de volgende stap gaat, zal Zapier u vragen om het nieuwe bestandsuploadformulier te testen om te zien of alle instellingen correct werken.
U kunt de pagina WPForms »All Forms bezoeken in het WordPress- beheergebied en op de ‘ Preview’- link onder het uploadformulier klikken.
Om deze test soepel te laten verlopen, moet u een bestand uploaden en ook dummy-tekst toevoegen aan het berichtgedeelte. Dien de testinvoer in en ga naar uw Zapier-account. Klik op de knop ‘Testen en doorgaan’.
Opmerking: u kunt het testitem controleren in het gedeelte ‘Gegevens zoeken’.
Als de test succesvol is, gaat het naar de volgende stap waar je je formulier kunt integreren met Dropbox.
WPForms verbinden met Dropbox
Eerst moet je je Dropbox-account bezoeken en een nieuwe Dropbox-uploadmap maken. U kunt deze map hernoemen als ‘WPForms Uploads’ of een andere naam geven. Al uw bestandsbijlagen worden automatisch in deze map geüpload.
Vervolgens moet u teruggaan naar uw Zapier-account. In het gedeelte ‘Doe dit’ moet je ‘Dropbox’ kiezen.
Het zal je vragen om een actie voor Dropbox te maken. Selecteer de optie ‘Bestand uploaden’ en klik op de knop ‘Doorgaan’.
Daarna moet je op de knop ‘Aanmelden bij Dropbox’ klikken om je Dropbox-account te selecteren en te verbinden met Zapier.
Klik na het koppelen van het account op de knop ‘Doorgaan’.
Nu moet je de Dropbox-bestandsinstellingen configureren. Het zal u om 2 opties vragen:
- De Dropbox-map waarin je de bestandsbijlagen wilt opslaan
- Het WPForms-veld voor het uploaden van bestanden
Na het instellen kunt u uw configuraties testen. Klik op de knop ‘Testen en doorgaan’ om door te gaan.
Klik ten slotte op de knop ‘Zap inschakelen’ om deze instellingen op te slaan. Het duurt een paar seconden en je ziet de Zap-status in de rechterbovenhoek van het scherm.
Uw online formulier met de optie voor het uploaden van bestanden is klaar om op uw website te worden toegevoegd.
Het Dropbox-uploadformulier toevoegen in WordPress
Om het Dropbox-uploadformulier in WordPress toe te voegen, kun je elke pagina of post bewerken waar je deze wilt weergeven.
Voeg eenvoudig het WPForms-blok toe aan de inhoudeditor en selecteer het formulier dat u eerder hebt gemaakt.
WPForms laadt de live preview van uw formulier in de inhoudseditor.
U kunt nu uw website bezoeken om het formulier in actie te zien. U kunt het formulier ook testen door een bestand te uploaden en het formulier in te vullen.
Dat is alles.
We hopen dat dit artikel je heeft geholpen bij het leren maken van een Dropbox-uploadformulier in WordPress.
0 Comments