Wil je een formulier inbouwen waarmee gebruikers bestanden naar je WordPress site kunnen uploaden? Dat is niet zo moeilijk. Afhankelijk van de methode die je gebruikt, worden de geüploade bestanden doorgaans standaard in de wp-content map opgeslagen. Dat is geen probleem zolang het bij enkele uploads blijft. Maar als er tientallen, honderden of misschien zelfs duizenden bestanden geüpload worden, dan is het verstandig om deze apart van je website bestanden op te slaan. In dit artikel leggen we stap voor stap uit hoe je een Dropbox upload formulier in WordPress bouwt.
Een Dropbox upload formulier in WordPress maken
Stap 1: Maak een formulier met WPForms
We beginnen met het bouwen van het upload formulier.
- Installeer en activeer de WPForms plugin.
- Ga op je WordPress Dashboard naar WPForms > Add New.
- Geef je formulier een naam en selecteer een eenvoudig contactformulier template.
- Voeg de benodigde velden toe en klik dan op Fancy Fields > File Upload in de linker kolom. Hiermee voeg je het uploadveld aan je formulier toe.
- Sla de wijzigingen op.
Stap 2: Maak een Zapier account aan
Nu moeten we je upload formulier aan je Dropbox account koppelen. Hiervoor maken we gebruik van een dienst die Zapier heet. WPForms beschikt over een handige Zapier Addon.
- Ga naar WPForms > Addons. Zoek de Zapier addon en klik op de ‘Install Addon’ knop. De addon wordt automatisch geactiveerd.
- Ga naar WPForms > Settings > Integrations. Kopieer de ‘Zapier API key’.
- Open een nieuw tabblad in je browser en ga naar de Zapier website. Maak een Zapier account aan of log in als je die al hebt.
- Klik op de ‘Make a Zap’ knop boven in het scherm. Je ziet nu een compleet overzicht van alle apps die je kunt koppelen. Zoek naar ‘WPForms’ en selecteer deze.
- Bij ‘Choose Trigger Event’ selecteer je de ‘New Form Entry’ als trigger. Er wordt dan bij elk ingezonden formulier een trigger gecreëerd.
- Klik op de ‘Sign in to WPForms’ knop. Voeg je website URL in en de Zapier API key die je eerder hebt gekopieerd.
- Je WPForms account wordt weergegeven. Klik op ‘Continue’.
- In het ‘Form’ dropdown menu selecteer je het upload formulier dat je bij stap 1 hebt gebouwd.
- Wanneer je verder klikt zal Zapier vragen om het nieuwe upload formulier te testen, zodat je kunt controleren of alle instellingen goed geconfigureerd zijn.
Ga naar WPForms > All Forms op je WordPress dashboard en klik op de ‘Preview’ link onder het upload formulier.
Stap 3: Koppel je formulier aan Dropbox
In deze laatste stap gaan we je Dropbox account klaarmaken.
- Maak een Dropbox account aan als je die nog niet had en log in. Maak een nieuwe Dropbox upload map aan. Die kun je bijvoorbeeld ‘WPForms Uploads’ noemen. Alle uploads via je website zullen automatisch in deze map terecht komen.
- Ga even terug naar je Zapier account. Open de ‘Do this’ sectie en selecteer ‘Dropbox’.
- Selecteer de ‘Upload File’ optie en klik op ‘Continue’.
- Klik op de ‘Sign in to Dropbox’ knop om je Dropbox account te selecteren en met Zapier te verbinden. Klik weer op ‘Continue’. Nu moet je de instellingen van de Dropbox bestanden configureren.
- Selecteer de Dropbox map waar je de uploads wilt bewaren en het WPForms upload veld.
- Klik op de ‘Turn Zap On’ knop om de instellingen op te slaan
Tot slot
Om het Dropbox upload formulier aan je WordPress site toe te voegen sleep je het WPForms block naar de content editor toe en selecteer je het uploadformulier. Bekijk je website aan de front-end en test het formulier uit!
Lees ook: WordPress formulieren alleen weergeven voor ingelogde gebruikers
