Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Wie man ein Dropbox-Upload-Formular in WordPress erstellt

Das Erstellen eines Upload-Formulars für Dropbox in WordPress kann die Dateiverwaltung zum Kinderspiel machen.

Mit dieser Integration können Sie Dateien direkt an Ihr Dropbox-Konto senden, anstatt sich mit überquellenden E-Mail-Anhängen herumzuschlagen. So bleiben Ihre Einsendungen organisiert und leicht zugänglich.

Darüber hinaus vereinfacht ein Upload-Formular für Dropbox die Handhabung von Dateien und verbessert den Komfort für Benutzer.

In diesem Artikel führen wir Sie durch die einfachen Schritte, um ein Upload-Formular für Dropbox auf Ihrer WordPress Website einzurichten.

Creating a WordPress Dropbox upload form

Warum Dropbox zum Hochladen von Formularanhängen verwenden?

Manchmal kann es erforderlich sein, dass Benutzer einen Dateianhang über ein Formular auf Ihrer Website hochladen. Zum Beispiel kann eine Jobbörse eine Datei-Upload-Option benötigen, um Lebensläufe oder Arbeitsproben hochzuladen.

Ein Kunden-Feedback-Formular benötigt vielleicht eine Datei-Upload-Option, damit Nutzer Screenshots senden können. Oder eine Website für einen Fotowettbewerb braucht sie, damit die Nutzer ihre Beiträge hochladen können.

Wenn Sie Dateien erhalten, können Sie diese Dateien auf Ihrer WordPress-Website speichern. Sie werden dem Ordner „wp-content“ Ihrer Website hinzugefügt.

Wenn Sie jedoch erwarten, dass Sie eine große Anzahl von Einträgen erhalten, die nichts mit Ihren eigentlichen Website-Dateien zu tun haben, ist es eine gute Idee, diese separat zu speichern.

Das Hochladen von Anhängen an Formulare in Dropbox hat nun folgende Vorteile:

  • Sie können die Upload-Einträge von Formularen getrennt von Ihren WordPress-Dateien aufbewahren.
  • Dropbox macht es einfacher, diese Dateien mit anderen zu teilen, und Sie müssen ihnen keinen Zugriff auf Ihre Website gewähren.
  • Sie können Formularanhänge ganz einfach von Ihrem Dropbox-Dashboard aus durchsuchen und verwalten.
  • Wenn Sie diese Dateien nicht mehr benötigen, können Sie sie herunterladen, archivieren und löschen.

In diesem Sinne zeigen wir Ihnen , wie Sie ein WordPress-Formular mit einer Option zum Hochladen von Dateien auf Dropbox erstellen. Hier ist ein kurzer Überblick über alle Schritte, die Sie durchführen müssen:

Sind Sie bereit? Dann fangen wir an.

Erstellen eines Dropbox-Upload-Formulars in WordPress

Der einfachste Weg, ein Dropbox-Formular in WordPress zu erstellen, ist die Verwendung von WPForms. Es ist das beste Plugin für Kontaktformulare in WordPress und bietet vorgefertigte Templates, einen Drag-and-drop-Formularersteller und Premium-Integrationen.

Zuerst installieren und aktivieren wir das WPForms Plugin. Weitere Einzelheiten finden Sie in unserem Artikel über die Installation eines WordPress Plugins.

Hinweis: WPForms ist ein kostenpflichtiges Plugin, das von einem der Partnerunternehmen von WPBeginner entwickelt wurde. Sie benötigen mindestens deren „Pro“ Plan, um auf das Zapier Add-on zuzugreifen, das wir in diesem Tutorial verwenden werden. Wenn Sie es zuerst testen möchten, gibt es auch eine WPForms Lite Version, die Sie kostenlos nutzen können.

Nach der Aktivierung müssen Sie in Ihrem WordPress-Dashboard auf WPForms “ Einstellungen gehen und Ihren Lizenzschlüssel eingeben. Sie können den Lizenzschlüssel leicht in Ihrem WPForms-Kontobereich finden.

Entering your WPForms license key on your site

Als Nächstes müssen Sie WPForms “ Add New in Ihrem WordPress-Adminbereich aufrufen.

Von hier aus können Sie ein neues WordPress-Dropbox-Upload-Formular hinzufügen.

Add new form

Es wird Sie auf die WPForms Form Builder Seite zu nehmen.

Geben Sie einfach oben einen Namen für Ihr Formular ein und wählen Sie dann die Vorlage „Einfaches Kontaktformular“ als Ausgangspunkt.

Choose simple contact form template

WPForms lädt die Formularvorlage mit den am häufigsten verwendeten Formularfeldern. Sie können auf ein beliebiges Feld klicken, um es zu bearbeiten, und die Felder ziehen, um sie neu anzuordnen oder neue Felder zum Formular hinzuzufügen.

Als Nächstes müssen Sie auf das Feld „Datei-Upload“ klicken, das sich unter dem Abschnitt „Ausgefallene Felder“ in der linken Spalte befindet.

Add file upload button

Dadurch wird das Datei-Upload-Feld zu Ihrem Formular hinzugefügt.

Klicken Sie auf den Button „Speichern“, um Ihr Formular zu speichern, und schon ist Ihr Upload-Formular fertig.

Integration von Zapier mit WPForms

In diesem Schritt müssen Sie Ihr Formular mit Ihrem Dropbox-Konto verbinden.

Wir werden dafür einen Dienst namens Zapier verwenden. Zapier ermöglicht es Ihnen, verschiedene Anwendungen mit Ihrer Website zu verbinden, ohne Code zu schreiben. In diesem Fall werden wir es verwenden, um eine Verbindung zwischen WPForms und Dropbox herzustellen.

WPForms wird mit einem „Zapier Addon“ geliefert, das Sie zur Integration mit über 1500 beliebten Apps, einschließlich Dropbox, verwenden können.

Um auf dieses Addon zuzugreifen, müssen Sie auf die Seite WPForms “ Addons gehen. Von dort aus müssen Sie nach dem Zapier-Addon suchen und auf die Schaltfläche „Addon installieren“ klicken. Dadurch wird das Addon automatisch aktiviert.

Install Zapier addon

Als Nächstes müssen Sie auf die Seite WPForms “ Einstellungen “ Integrationen in Ihrem WordPress-Adminbereich gehen.

Von dort aus müssen Sie den „Zapier-API-Schlüssel“ kopieren, den Sie benötigen, um Ihre WordPress-Website mit Zapier zu verbinden.

Copy Zapier API key

Nach dem Kopieren sollten Sie auf die Zapier-Website gehen und sich bei Ihrem Zapier-Konto anmelden.

Klicken Sie dann auf die Schaltfläche „Zap erstellen“, um fortzufahren.

Create a zap

Als nächstes werden Sie von Zapier aufgefordert, einen Auslöser auszuwählen.

Es werden viele Anwendungen verfügbar sein. Suchen Sie nach „WPForms“ und wählen Sie es als Trigger-App aus.

Select WPForms app

Danach müssen Sie „New Form Entry“ als Trigger-Ereignis für die WPForms-App auswählen.

Bei jeder Formularübermittlung wird ein Trigger erzeugt.

Choose an event

Als nächstes müssen Sie ein WPForms-Formular-Konto auswählen.

Sie können auf die Schaltfläche „Sign“ klicken, um Ihr Zapier-Konto mit dem WPForms-Plugin auf Ihrer Website zu verbinden.

Sign in to your WPForms account

Es öffnet sich nun ein neues Fenster.

Um Zapier mit Ihrer Website zu verbinden, müssen Sie Ihre Website-URL und den Zapier-API-Schlüssel, den Sie zuvor kopiert haben, hinzufügen.

Enter Zapier API key and website

Nachdem Sie diese Angaben eingegeben haben, klicken Sie auf die Schaltfläche „Ja, weiter“.

Dadurch wird das WPForms-Konto angezeigt. Klicken Sie auf die Schaltfläche „Weiter“.

Choose your WPForms account in Zapier

Als nächstes müssen Sie in der Dropdown-Liste „Formular“ das zuvor erstellte Formular zum Hochladen von Dateien auswählen.

Sobald das erledigt ist, klicken Sie auf die Schaltfläche „Weiter“.

Choose your contact form

Bevor Sie zum nächsten Schritt übergehen, fordert Zapier Sie auf, das neue Datei-Upload-Formular zu testen, um zu sehen, ob alle Einstellungen richtig funktionieren.

Sie können die Seite WPForms “ Alle Formulare im WordPress-Administrationsbereich besuchen und auf den Link „Vorschau“ unterhalb des Formulars zum Hochladen von Dateien klicken.

Preview form

Damit dieser Test reibungslos abläuft, sollten Sie eine Datei hochladen und dem Abschnitt „Nachricht“ einen Blindtext hinzufügen.

Senden Sie den Testeintrag und gehen Sie zu Ihrem Zapier-Konto. Klicken Sie dann auf die Schaltfläche „Auslöser testen“.

Test your trigger

Hinweis: Sie können den Testeintrag im Abschnitt „Daten suchen“ überprüfen.

Wenn der Test erfolgreich ist, wird zum nächsten Schritt übergegangen, wo Sie Ihr Formular in Dropbox integrieren können.

Verbinden von WPForms mit Dropbox

Zuerst müssen Sie Ihr Dropbox-Konto aufrufen und einen neuen Dropbox-Upload-Ordner erstellen.

Sie können diesen Ordner in „WPForms Uploads“ umbenennen oder ihm einen beliebigen Namen geben. Alle Ihre Dateianhänge werden automatisch in diesen Ordner hochgeladen.

Als Nächstes müssen Sie zurück zu Ihrem Zapier-Konto gehen. Im Abschnitt „Aktion“ müssen Sie nach der „Dropbox-App“ suchen und darauf klicken.

Choose Dropbox as the action app

Sie werden aufgefordert, eine Aktion für Dropbox zu erstellen.

Wählen Sie die Option „Datei hochladen“ und klicken Sie auf die Schaltfläche „Weiter“.

Choose Dropbox action event

Danach müssen Sie auf die Schaltfläche „Anmelden“ klicken.

Auf diese Weise können Sie Ihr Dropbox-Konto auswählen und es mit Zapier verbinden.

Sign in to your Dropbox account

Als Nächstes müssen Sie Ihr Dropbox-Konto aus dem Dropdown-Menü auswählen.

Nachdem Sie das Konto ausgewählt haben, klicken Sie einfach auf die Schaltfläche „Weiter“.

Choose your Dropbox account

Jetzt müssen Sie die Dropbox-Dateieinstellungen konfigurieren. Dabei werden Sie nach 2 Optionen gefragt:

  1. Der Dropbox-Ordner, in dem Sie die Dateianhänge speichern möchten
  2. Das WPForms-Datei-Upload-Feld
Set up Dropbox settings

Sie können dann nach unten scrollen, um weitere Einstellungen zu sehen.

Klicken Sie einfach auf die Schaltfläche „Weiter“.

More Dropbox settings in Zapier

Nachdem Sie die Einstellungen vorgenommen haben, können Sie Ihre Konfigurationen testen.

Klicken Sie auf die Schaltfläche „Testen & weiter“.

Test your action

Sobald der Test erfolgreich war, müssen Sie Ihren Zap veröffentlichen.

Klicken Sie einfach auf die Schaltfläche „Zap veröffentlichen“.

Click publish zap button

Schließlich wird ein Popup-Fenster geöffnet.

Sie können nun auf die Schaltfläche „Veröffentlichen und einschalten“ klicken.

Click publish and turn on zap

Ihr Online-Formular mit der Option zum Hochladen von Dateien ist nun bereit, in Ihre Website integriert zu werden.

Hinzufügen des Dropbox-Upload-Formulars in WordPress

Um das Dropbox-Upload-Formular in WordPress hinzuzufügen, können Sie jede Seite oder jeden Beitrag bearbeiten, auf der/dem es angezeigt werden soll.

Fügen Sie einfach den WPForms-Block zum Inhaltseditor hinzu und wählen Sie das Formular aus, das Sie zuvor erstellt haben.

WPForms widget

Wählen Sie im WPForms-Block einfach Ihr Dropbox-Datei-Upload-Formular aus dem Dropdown-Menü aus.

WPForms lädt die Live-Vorschau Ihres Formulars innerhalb des Inhaltseditors.

Select form

Sie können nun Ihre Website besuchen, um das Formular in Aktion zu sehen.

Sie können das Formular auch testen, indem Sie eine Datei hochladen und das Formular ausfüllen.

Previewing Dropbox upload form

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie man ein Upload-Formular für Dropbox in WordPress erstellt. Vielleicht interessieren Sie sich auch für unsere Expertenauswahl der besten Dropbox Plugins für WordPress und unsere Anleitung zum Erstellen eines individuellen Airtable-Formulars in WordPress.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

3 KommentareEine Antwort hinterlassen

  1. 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!

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

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.