Hoe maak je een Dropbox-uploadformulier in WordPress

6 min


109

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.

Een WordPress Dropbox-uploadformulier 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 .

Voeg een nieuw formulier toe

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.

Selecteer eenvoudig contactformulier

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.

Knop voor het uploaden van bestanden toevoegen

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.

Zapier Addon

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.

Zapier-integratie

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.

Maak een Zap

Er zullen veel apps beschikbaar zijn. Zoek naar ‘WPForms’ en selecteer deze als een trigger-app.

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

Kies triggergebeurtenis

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

Kies account

In de vervolgkeuzelijst ‘Formulier’ moet je het bestandsuploadformulier selecteren dat je eerder hebt gemaakt.

Selecteer formulierinvoer

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.

Voorbeeldformulier

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

WPForms-vermelding

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.

Kies Dropbox

Het zal je vragen om een ​​actie voor Dropbox te maken. Selecteer de optie ‘Bestand uploaden’ en klik op de knop ‘Doorgaan’.

Kies actie

Daarna moet je op de knop ‘Aanmelden bij Dropbox’ klikken om je Dropbox-account te selecteren en te verbinden met Zapier.

Log in bij Dropbox

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:

  1. De Dropbox-map waarin je de bestandsbijlagen wilt opslaan
  2. Het WPForms-veld voor het uploaden van bestanden
Configuratie Dropbox

Na het instellen kunt u uw configuraties testen. Klik op de knop ‘Testen en doorgaan’ om door te gaan.

Test bestand uploaden

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.

Zet Zap aan

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-widget

WPForms laadt de live preview van uw formulier in de inhoudseditor.

Selecteer formulier

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.

Voorbeeld van Dropbox-uploadformulier bekijken

Dat is alles.

We hopen dat dit artikel je heeft geholpen bij het leren maken van een Dropbox-uploadformulier in WordPress. 


Erwin@delaatbusiness.com
Dag, Hulp nodig met internet marketing of websites maken? neem dan contact op

0 Comments

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Open List
Submit your own item and vote up for the best submission
Ranked List
Upvote or downvote to decide the best list item
Meme
Upload your own images to make custom memes
Video
Youtube, Vimeo or Vine Embeds
Audio
Soundcloud or Mixcloud Embeds
Image
Photo or GIF
Gif
GIF format