Möchten Sie ein WordPress-Datei-Upload-Formular erstellen? Wenn Sie Besuchern die Möglichkeit geben, Dateien auf Ihre WordPress-Website hochzuladen, ist das der ideale Weg, um wichtige Informationen über sie zu sammeln. So können Sie mehr über Ihre Nutzer erfahren und Ihr Unternehmen verbessern, um sie besser zu bedienen.
In diesem Artikel zeigen wir Ihnen, wie Sie das beste WordPress-Plugin zum Hochladen von Dateien verwenden, um Ihr eigenes Formular zur Erfassung dieser Informationen zu erstellen.
Aber zunächst einmal: Warum sollten Sie es Nutzern erlauben, Dateien auf Ihre Website hochzuladen?
Warum ein WordPress-Datei-Upload-Formular verwenden?
Die Verwendung eines WordPress-Formulars mit einer Datei-Upload-Option ist eine großartige Möglichkeit, Dateien, Fotos, Screenshots und andere Medien von Ihren Website-Besuchern zu sammeln.
Wenn Sie z. B. Bewerbungen annehmen, benötigen Sie eine Option zum Hochladen von Dateien, damit Ihre Kunden ihre Lebensläufe oder Bewerbungsformulare an Ihre WordPress-Mediathek senden können.
Wenn Sie hingegen ein Unternehmen oder ein Blogger sind, möchten Sie vielleicht nutzergenerierte Inhalte sammeln, um Bilder mit Produktrezensionen anzuzeigen oder um sie in sozialen Medien zu verwenden, um das Engagement und die Zahl der Abonnenten zu erhöhen.
Ein Formular zum Hochladen von Dateien kann sogar von Podcastern verwendet werden, um Audioclips zum Abspielen während einer Sitzung anzunehmen.
Wie Sie sehen, gibt es viele Gründe, warum Sie Ihren Nutzern das Hochladen von Bildern oder Dateien auf Ihre WordPress-Website ermöglichen müssen. Wie wäre es also, wenn wir Ihnen zeigen, wie Sie ein Formular erstellen, das jede Art von Datei-Upload erlaubt?
Wie man ein WordPress-Datei-Upload-Formular mit einem Plugin erstellt
Um ein Datei-Upload-Formular zu WordPress hinzuzufügen, sollten Sie zunächst das richtige WordPress-Plugin für diese Aufgabe auswählen.
In diesem Tutorial werden wir WPForms verwenden, um ein WordPress-Formular mit der Funktionalität zum Hochladen einer Reihe von Dateitypen zu erstellen.
WPForms ist das beste WordPress-Datei-Upload-Plugin auf dem Markt. Es ist benutzerfreundlich und einfach genug für Anfänger, um schnell loszulegen, ohne die Mühe, Formulare von Grund auf mit HTML und CSS zu erstellen. Außerdem machen die leistungsstarken Formularvorlagen und der Drag-and-Drop-Builder die Erstellung jedes Formulars zu einem Kinderspiel.
Und wenn Sie uns nicht glauben, werfen Sie einfach einen Blick auf diese Kommentare von zufriedenen WPForms-Benutzern.
Warum nicht überprüfen Sie diese eingehende WPForms Überprüfung für die vollständigen Details?
Holen Sie sich also Ihre Kopie von WPForms hier. Dann installieren Sie das Plugin auf WordPress nach diesen Anweisungen.
Hinweis: Es gibt eine kostenlose Version von WPForms in der WordPress.org Plugin-Repository. Für diese Anleitung werden wir WPForms Pro für erweiterte Integrationen und Funktionen verwenden.
Wenn Sie Ihr Plugin in Ihrem WordPress-Dashboard aktiviert haben, folgen Sie diesen Schritten, um Ihr eigenes Formular zum Hochladen von Dateien zu erstellen:
- Schritt 1: Erstellen Sie ein Kontakt-Formular in WordPress
- Schritt 2: Hinzufügen des Datei-Upload-Feldes
- Schritt 3: Konfigurieren Sie die allgemeinen Formulareinstellungen
- Schritt 4: Benachrichtigungen für Ihr Dateiupload-Formular einrichten
- Schritt 5: Fügen Sie die Bestätigungsnachricht hinzu
- Schritt 6: Veröffentlichen Sie Ihr WordPress-Datei-Upload-Formular
- Schritt 7: Anzeigen der in WordPress hochgeladenen Dateien
Schritt 1: Erstellen Sie ein Kontakt-Formular in WordPress
Der erste Schritt besteht darin, ein Formular mit einer der vorgefertigten WPForms-Vorlagen zu erstellen. Für dieses Tutorial werden wir ein Standard-Kontaktformular verwenden.
Gehen Sie dazu in Ihrem WordPress-Verwaltungsbereich zu WPForms " Add New.
Es erscheint ein ähnlicher Bildschirm wie oben, auf dem Sie Ihrem Formular einen Namen geben und eine Vorlage auswählen können.
Wählen Sie die Vorlage Einfaches Kontaktformular.
Dann werden Sie zum Formularersteller weitergeleitet, wo Sie die Standardvorlage anpassen und neue Felder hinzufügen können.
Die in der Vorlage für das einfache Kontaktformular enthaltenen Standardfeldbezeichnungen lauten wie folgt:
- Name
- Kommentar oder Nachricht
Und Sie können auf jedes dieser Felder klicken, um sie zu ziehen und neu anzuordnen. Um weitere Felder hinzuzufügen, klicken Sie einfach auf eine Option auf der linken Seite des Bildschirms und ziehen Sie sie auf Ihr Formular.
Schritt 2: Hinzufügen des Datei-Upload-Feldes
Wenn Sie Ihr einfaches Kontaktformular fertiggestellt haben, können Sie die Option zum Hochladen von Dateien in Ihr Formular einfügen.
Gehen Sie dazu in die Rubrik Ausgefallene Felder und wählen Sie das Feld Datei-Uploads.
Ziehen Sie dann das Feld aus dem linken Fenster und legen Sie es dort ab, wo Sie es in Ihrem Formular haben möchten. Sie können auch einfach auf das Feld " Datei-Uploads" klicken, damit es in Ihrem Formular erscheint.
Um das Datei-Upload-Feld in Ihrem Formular zu bearbeiten, klicken Sie es einfach an, um die Feldoptionen zu öffnen.
Hier können Sie die folgenden Optionen bearbeiten:
- Bezeichnung - ändern Sie den Namen des Feldes.
- Beschreibung - geben Sie einen Text für die Beschreibung des Formularfeldes ein.
- Erlaubte Dateierweiterungen - geben Sie die Dateierweiterungen ein, die Sie zulassen möchten, getrennt durch Kommata.
- Maximale Dateigröße - geben Sie die maximale Dateigröße in Megabyte an. Die Mindestgröße beträgt 300 MB.
- Maximale Dateianzahl - geben Sie an, wie viele Dateien die Benutzer hochladen dürfen. Der Standardwert ist 1.
- Erforderlich - aktivieren Sie dieses Kontrollkästchen, um das Hochladen einer Datei zur Pflicht zu machen.
Das Tolle an Datei-Uploads mit WPForms ist, dass Sie den Benutzern erlauben können, mehrere Dateien auf einmal anzuhängen. Alles, was die Nutzer tun müssen, ist, die Dateien per Drag & Drop in den Upload-Bereich im Frontend Ihrer Website zu ziehen.
Standardmäßig werden alle Dateien im Ordner "WPForms" im Verzeichnis "Uploads" Ihrer Website gespeichert. Sie können Ihre Dateien auch in Ihrer WordPress-Mediathek speichern, indem Sie das Kontrollkästchen "Feld in WordPress-Mediathek speichern" unter Erweiterte Optionen aktivieren.
Schritt 3: Konfigurieren Sie die allgemeinen Formulareinstellungen
Nachdem Ihr Formular nun so eingerichtet ist, dass es Datei-Uploads akzeptiert, ist es an der Zeit, Ihre allgemeinen Formulareinstellungen zu konfigurieren.
Gehen Sie dazu auf Einstellungen " Allgemein.
In den allgemeinen Formulareinstellungen können Sie die folgenden Optionen konfigurieren:
- Formularname - geben Sie Ihrem Formular einen neuen Namen, wenn Sie dies wünschen.
- Formularbeschreibung - fügen Sie eine Beschreibung zu Ihrem Formular hinzu, um besser zu verstehen, wofür es gedacht ist. Sie geben zum Beispiel an, welche Dateitypen Sie akzeptieren, wie GIF, PNG, JPG usw.
- Submit Button Text- ändern Sie den Text des Submit Buttons.
- Spamschutz - reduzieren Sie unerwünschte Formulareingaben, indem Sie die Option "Anti-Spam-Honeypot" aktivieren.
- Informationsspeicherung - Deaktivieren Sie die Speicherung von Eingabedaten in WordPress, um die GDPR-Gesetze einzuhalten.
Klicken Sie auf Speichern, wenn Sie diese Einstellungen konfiguriert haben, und fahren Sie dann mit dem nächsten Schritt fort.
Schritt 4: Benachrichtigungen für Ihr Dateiupload-Formular einrichten
Klicken Sie nun unter der Registerkarte Allgemeine Einstellungen auf Benachrichtigungen.
Hier können Sie Benachrichtigungen aktivieren, so dass Sie eine E-Mail erhalten, sobald ein Formular abgeschickt wird.
Um die Dinge schnell zu halten und die Zustellbarkeit von E-Mails zu verbessern, fügt WPForms die eingereichten Dateien nicht an die E-Mail-Benachrichtigung an. Stattdessen wird ein Link bereitgestellt, auf den Sie klicken und die hochgeladenen Dateien anzeigen können.
Standardmäßig sind die Benachrichtigungen eingeschaltet. Sie können sie jedoch auch deaktivieren, indem Sie im Dropdown-Menü die Option Aus wählen.
Speichern Sie dann Ihre Änderungen.
Schritt 5: Fügen Sie die Bestätigungsnachricht hinzu
Klicken Sie als Nächstes auf die Registerkarte Bestätigungen, um die Nachricht festzulegen, die Personen nach dem Absenden ihres Formulars angezeigt wird.
Es gibt 3 Arten von Bestätigungsnachrichten, die mit WPForms verfügbar sind, und sie sind:
- Nachricht - zeigt eine einfache Dankesnachricht an, die bestätigt, dass das Formular abgeschickt wurde.
- Seite anzeigen - leiten Sie Besucher auf eine Dankeseite auf Ihrer Website um.
- Go to URL (Redirect) - schickt Besucher nach dem Absenden ihres Formulars auf eine andere Website.
Um die Standardbestätigungsoption zu verwenden, geben Sie einfach eine Nachricht in das vorgesehene Feld für die Bestätigungsnachricht ein und speichern Sie dann Ihre Änderungen.
Schritt 6: Veröffentlichen Sie Ihr WordPress-Datei-Upload-Formular
Jetzt ist es an der Zeit, Ihr Datei-Upload-Formular in WordPress einzubetten. WPForms macht die Veröffentlichung eines Formulars wirklich einfach. Sie können Ihr Formular in einen Beitrag, eine Seite oder sogar in die Seitenleiste Ihrer Website mit dem WPForms-Widget und Shortcodes einfügen.
Hier erfahren Sie, wie Sie ein Formular auf einer WordPress-Seite veröffentlichen.
Gehen Sie zunächst auf Seiten " Neu hinzufügen, um eine neue WordPress-Seite zu erstellen. Klicken Sie dann auf das Plus-Symbol, um einen neuen Inhaltsblock hinzuzufügen.
Geben Sie in das Suchfeld WPForms ein, und der Formularblock wird angezeigt. Klicken Sie ihn an, um ihn Ihrer Seite hinzuzufügen.
Wählen Sie nun Ihr WordPress-Datei-Upload-Formular aus der Dropdown-Box aus, um es einzufügen.
Klicken Sie auf Veröffentlichen, um Ihre Seite zu veröffentlichen, und schon sind Sie fertig.
So sieht es auf der Vorderseite Ihrer Website aus.
Schritt 7: Anzeigen der in WordPress hochgeladenen Dateien
Sobald die Nutzer damit begonnen haben, Dateien auf Ihre Website hochzuladen, können Sie diese Dateien unter WPForms " Entries einsehen.
Klicken Sie auf eine Datei, um die Details zu sehen. Die Datei wird in einer neuen Browser-Registerkarte geöffnet, in der Sie weitere Details anzeigen und die Datei auf Ihren Computer herunterladen können.
Wenn Sie weitere Funktionen benötigen, bietet das WPForms-Plugin mehrere Add-ons, die Sie installieren können. Zum Beispiel können Sie das Zapier-Addon verwenden, um alle Datei-Uploads automatisch in Google Drive, Dropbox und anderen Cloud-Speicherdiensten zu speichern. Mit der Pro-Version von WPForms können Sie auch Zahlungen akzeptieren.
Häufig gestellte Fragen
Um die Dateitypen und -größen zu begrenzen, können Sie die Einstellungen in Ihrem Datei-Upload-Plugin konfigurieren. Navigieren Sie zum Beispiel in WPForms zum Feld "Erlaubte Dateierweiterungen", um die zulässigen Dateitypen festzulegen, und passen Sie das Feld "Maximale Dateigröße" an, um die Dateigröße zu begrenzen.
Sie können diesen Fehler beheben, indem Sie in der Datei php.ini nach den folgenden Parametern suchen:
"upload_max_filesize =" und "post_max_size ="
Setzen Sie den '='-Wert auf 32M und speichern Sie. Sie können auch Ihren Hosting-Anbieter um Hilfe bitten.
Herzlichen Glückwunsch! Sie wissen jetzt, wie Sie ein WordPress-Formular erstellen, mit dem Benutzer ihre eigenen Dateien hochladen können. Und das alles mit Hilfe eines leistungsstarken WordPress-Formular-Plugins mit Datei-Upload-Funktionen.
Wir hoffen, dass Sie diese Anleitung hilfreich fanden. Hier finden Sie einige andere Schritt-für-Schritt-Anleitungen, die Sie vielleicht nützlich finden:
- Wie man WooCommerce in den Wartungsmodus versetzt (4 einfache Schritte)
- Wie Sie eine Umfrage zu Ihrer WordPress-Website hinzufügen (Schritt für Schritt)
- So erstellen Sie ein Online-Bestellformular für Ihre WordPress-Website
Vielen Dank fürs Lesen! Wir würden uns freuen, Ihre Meinung zu hören. Bitte hinterlassen Sie einen Kommentar mit Ihren Fragen und Ihrem Feedback.
Sie können uns auch auf YouTube, X (früher Twitter) und Facebook folgen, um weitere hilfreiche Inhalte für Ihr Unternehmen zu erhalten.
