Möchten Sie ein Dropbox-Upload-Formular in WordPress erstellen?
Ein Kontaktformular mit einer Option zum Hochladen von Dateien ist möglicherweise schwierig zu verwalten, 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 auf einfache Weise ein Dropbox-Upload-Formular in WordPress erstellen.
Warum Dropbox zum Hochladen von Anhängen verwenden?
Manchmal müssen Benutzer einen Anhang mithilfe eines Formulars auf Ihrer Website hochladen.
Beispielsweise benötigt eine Jobbörsen-Website möglicherweise eine Option zum Hochladen von Dateien, um Lebensläufe oder Jobbeispiele hochzuladen.
Für ein Kundenfeedback-Formular ist möglicherweise eine Option zum Hochladen von Dateien erforderlich, damit Benutzer Screenshots senden können. Eine Website für Fotowettbewerbe benötigt sie möglicherweise, damit Benutzer ihre Einträge hochladen können.
Sobald Sie Dateien erhalten, können Sie diese Dateien auf Ihrer WordPress-Website speichern. Sie werden dem Ordner wp-content auf Ihrer Website hinzugefügt.
Wenn Sie jedoch eine Menge Einträge erwarten und diese nicht mit den tatsächlichen Dateien auf Ihrer Website zusammenhängen, ist es eine gute Idee, sie separat zu speichern.
Das Hochladen von Formularanhängen in Dropbox bietet folgende Vorteile:
- Hält das Laden von Formulareinträgen von Ihren WordPress-Dateien getrennt
- Dropbox erleichtert das Teilen dieser Dateien mit anderen und Sie müssen ihnen keinen Zugriff auf Ihre Website gewähren.
- Sie können Formularanhänge einfach über Ihr Dropbox-Dashboard durchsuchen und verwalten
- Wenn Sie diese Dateien nicht mehr benötigen, können Sie sie herunterladen, archivieren und löschen.
Schauen wir uns an, wie Sie ein WordPress-Formular mit der Option zum Hochladen von Dateien in Dropbox erstellen.
Erstellen Sie ein Dropbox-Upload-Formular in WordPress
Sie müssen zuerst das WPForms-Plugin installieren und aktivieren. Weitere Informationen finden Sie in unserem Artikel zur Installation eines WordPress-Plugins.
Hinweis: WPForms ist ein kostenpflichtiges Plugin, das vom selben Team wie WPBeginner erstellt wurde. Sie benötigen mindestens Ihren "Pro" -Plan, um auf das Zapier-Plugin zugreifen zu können, das wir in diesem Tutorial verwenden werden.
Nach der Aktivierung müssen Sie besuchen WPForms »Neu hinzufügen Seite in Ihrem WordPress-Admin-Bereich.
Sie gelangen auf die Seite zum Erstellen von WPForms-Formularen. Geben Sie einfach einen Namen für Ihr Formular ein und wählen Sie dann eine einfache Kontaktformularvorlage als Ausgangspunkt.
WPForms lädt die Formularvorlage mit den häufig verwendeten Formularfeldern. Sie können auf ein beliebiges Feld klicken, um es zu bearbeiten, und Sie können die Felder auch ziehen, um sie neu anzuordnen, oder dem Formular neue Felder hinzufügen.
Als nächstes sollten Sie auf das Feld "Datei-Upload" klicken, das sich im Abschnitt "Fantasy-Felder" in der linken Spalte befindet.
Dadurch wird das Feld zum Hochladen von Dateien zu Ihrem Formular hinzugefügt.
Klicken Sie auf die Schaltfläche "Speichern", um Ihr Formular zu speichern, und Ihr Formular zum Hochladen von Dateien ist fertig.
Integration von Zapier in WPForms
Als Nächstes müssen Sie Ihr Formular mit Ihrem Dropbox-Konto verbinden.
Wir werden dazu einen Dienst namens Zapier nutzen. Mit Zapier können Sie verschiedene Anwendungen mit Ihrer Website verbinden, ohne Code schreiben zu müssen. In diesem Fall stellen wir damit eine Verbindung zwischen WPForms und Dropbox her.
WPForms enthält ein "Zapier-Plugin", mit dem Sie über 1500 beliebte Apps, einschließlich Dropbox, integrieren können.
Um auf dieses Plugin zuzugreifen, müssen Sie zu gehen WPForms »Plugins Seite. Von dort aus müssen Sie nach dem Zapier-Plugin suchen und auf die Schaltfläche "Plugin installieren" klicken. Das Plugin wird automatisch aktiviert.
Dann musst du gehen zu WPForms »Konfiguration» Integrationen Seite in Ihrem WordPress-Admin-Bereich. Von dort sollten Sie den "Zapier API Key" kopieren, den Sie benötigen, um Ihre WordPress-Website mit Zapier zu verbinden.
Nach dem Kopieren müssen Sie auf die Zapier-Website gehen und sich bei Ihrem Zapier-Konto anmelden. Klicken Sie dann auf die Schaltfläche "Zap", um fortzufahren.
Es werden viele Anwendungen verfügbar sein. Suchen Sie nach "WPForms" und wählen Sie es als Aktivierungsanwendung aus.
Danach müssen Sie "Neuer Formulareintrag" als auslösendes Ereignis für die WPForms-Anwendung auswählen. Bei jeder Formularübermittlung wird ein Auslöser erstellt.
Jetzt können Sie auf die Schaltfläche "Bei WPForms anmelden" klicken, um Ihr Zapier-Konto mit dem WPForms-Plugin auf Ihrer Website zu verbinden.
Um Zapier mit Ihrer Website zu verbinden, müssen Sie Ihre Website-URL und den zuvor kopierten Zapier-API-Schlüssel hinzufügen.
Es wird das WPForms-Konto angezeigt. Klicken Sie auf die Schaltfläche "Weiter".
Im Dropdown-Menü "Formular" müssen Sie das zuvor erstellte Datei-Upload-Formular auswählen.
Klicken Sie danach auf die Schaltfläche "Weiter".
Bevor Sie mit dem nächsten Schritt fortfahren, werden Sie von Zapier aufgefordert, das neue Formular zum Hochladen von Dateien zu testen, um festzustellen, ob alle Einstellungen ordnungsgemäß funktionieren.
Sie können besuchen WPForms »Alle Formulare Seite im WordPress-Administrationsbereich und klicken Sie auf den Link "Vorschau" unter dem Datei-Upload-Formular.
Um diesen Test zu vereinfachen, sollten Sie eine Datei hochladen und im Nachrichtenbereich Dummy-Text hinzufügen. Senden Sie den Testeintrag und gehen Sie zu Ihrem Zapier-Konto. Klicken Sie auf die Schaltfläche "Testen und fortfahren".
Hinweis: Sie können den Testeintrag im Abschnitt "Daten suchen" überprüfen.
Wenn der Test erfolgreich ist, fahren Sie mit dem nächsten Schritt fort, in dem Sie Ihr Formular in Dropbox integrieren können.
WPForms mit Dropbox verbinden
Sie müssen zuerst Ihr Dropbox-Konto besuchen und einen neuen Dropbox-Upload-Ordner erstellen. Sie können diesen Ordner in "WP Forms Loads" umbenennen oder ihm einen beliebigen Namen geben. Alle Anhänge werden automatisch in diesen Ordner hochgeladen.
Dann müssen Sie zu Ihrem Zapier-Konto zurückkehren. Im Abschnitt "Tun Sie dies" müssen Sie "Dropbox" auswählen.
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 "Bei Dropbox anmelden" klicken, um Ihr Dropbox-Konto auszuwählen und es mit Zapier zu verbinden.
Klicken Sie beim Verbinden des Kontos auf die Schaltfläche "Weiter".
Jetzt müssen Sie die Einstellungen für die Dropbox-Datei konfigurieren. Sie werden nach 2 Optionen gefragt:
- Der Dropbox-Ordner, in dem Sie die Anhänge speichern möchten
- Das Feld zum Hochladen der WPForms-Datei
Nach dem Setup können Sie Ihre Einstellungen testen. Klicken Sie auf die Schaltfläche "Versuchen und fortfahren", um fortzufahren.
Klicken Sie abschließend auf die Schaltfläche "Zap aktivieren", um diese Einstellungen zu speichern. Es dauert einige Sekunden und Sie sehen den Zap-Status in der oberen rechten Ecke des Bildschirms.
Ihr Online-Formular mit der Option zum Hochladen von Dateien kann jetzt zu Ihrer Website hinzugefügt werden.
Fügen Sie das Dropbox-Upload-Formular in WordPress hinzu
Um das Dropbox-Upload-Formular in WordPress hinzuzufügen, können Sie jede Seite oder jeden Beitrag bearbeiten, auf der Sie es anzeigen möchten.
Fügen Sie einfach den WPForms-Block zum Inhaltseditor hinzu und wählen Sie das zuvor erstellte Formular aus.
WPForms lädt die Live-Vorschau Ihres Formulars in den Inhaltseditor.
Jetzt können Sie ihre Website mit dem Formular in Aktion besuchen. Sie können das Formular auch testen, indem Sie eine Datei laden und das Formular ausfüllen.
Das ist alles
Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie ein Dropbox-Upload-Formular in WordPress erstellen. Sie können auch unseren Leitfaden lesen, wie Sie einen WordPress-Geschenkwettbewerb organisieren, um die Benutzerinteraktion zu erhöhen.
Wenn dir dieser Artikel gefallen hat, abonniere unseren YouTube-Kanal, um WordPress-Tutorial-Videos anzusehen. Sie finden uns auch unter Twitter und Facebook.
