Wie man ein Dropbox-Upload-Formular in WordPress erstellt

Möchten Sie ein Dropbox-Upload-Formular in WordPress erstellen?

Ein Kontaktformular mit einer Option zum Hochladen von Dateien kann schwer zu verwalten sein, wenn Sie zu viele Anhänge erhalten. Sie können Ihr Formular mit Dropbox verbinden und diese Dateien direkt in die Cloud hochladen.

In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach ein Dropbox-Upload-Formular in WordPress erstellen können.

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 eine große Anzahl von Einträgen erwarten, die nicht mit Ihren eigentlichen Website-Dateien zusammenhängen, ist es sinnvoll, diese separat zu speichern.

Das Hochladen von Formularanhängen in Dropbox hat 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.

Werfen wir also einen Blick darauf , wie man ein WordPress-Formular mit einer Option zum Hochladen von Dateien auf Dropbox erstellt.

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 Kontaktformular-Plugin für WordPress und bietet vorgefertigte Vorlagen, einen Drag-and-Drop-Formular-Builder und Premium-Integrationen.

Zunächst müssen Sie das WPForms-Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in unserem Artikel über die Installation eines WordPress-Plugins.

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.

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.

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.

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.

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

Klicken Sie auf die Schaltfläche „Speichern“, um Ihr Formular zu speichern, und Ihr Datei-Upload-Formular ist fertig.

Integration von Zapier mit WPForms

Als nächstes 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.

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.

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.

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.

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.

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.

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.

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

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

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.

Damit dieser Test reibungslos abläuft, sollten Sie eine Datei hochladen und außerdem einen Blindtext in den Nachrichtenbereich einfügen.

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

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.

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

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.

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

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

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

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

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

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

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

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

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

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

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.

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.

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.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie man ein Dropbox-Upload-Formular in WordPress erstellt. Vielleicht interessieren Sie sich auch für unseren Leitfaden zur Durchführung eines Giveaway-Wettbewerbs in WordPress, um das Engagement der Nutzer zu steigern, und für unsere Expertenauswahl der besten Dropbox-Plugins für 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.