Wie man ein WordPress File Upload Formular erstellt 

Ich brauchte eine einfache Möglichkeit, Lebensläufe auf meiner WordPress-Website zu sammeln, ohne sie zu programmieren. Nur ein einfaches Formular, in das Benutzer Dateien wie PDFs oder Bilder hochladen und auf "Senden" klicken können.

Nachdem ich einige Plugins getestet hatte, entschied ich mich für WPForms, ein Drag-and-Drop-Formularerstellungsprogramm, das das Hinzufügen eines Datei-Upload-Feldes verdammt einfach machte. In weniger als 10 Minuten hatte ich ein funktionierendes Upload-Formular, das alles von Dokumenten bis zu Audioclips unterstützte.

In dieser Anleitung zeige ich Ihnen die genauen Schritte, die ich unternommen habe, um ein WordPress-Datei-Upload-Formular mit WPForms zu erstellen.

Warum ein WordPress-Datei-Upload-Formular verwenden?

Mit einem Dateiupload-Formular in WordPress können Benutzer Dokumente, Bilder, Videos, Audiodateien oder andere Medien direkt von Ihrer Website hochladen.

Hier sind ein paar häufige Anwendungsfälle:

• Stellenbewerbungen - Lassen Sie Bewerber Lebensläufe, Anschreiben oder Portfolios einreichen.
• Kundensupport - Erlauben Sie Benutzern, Screenshots oder Fehlerprotokolle mit Support-Tickets anzuhängen.
• Benutzergenerierte Inhalte - Sammeln Sie Fotos oder Videos für Testimonials oder Wettbewerbe.
• Podcast-Einsendungen - Empfangen Sie Audioclips von Gästen oder Zuhörern.
• Veranstaltungsanmeldungen - Lassen Sie die Teilnehmer Ausweise, unterschriebene Verzichtserklärungen oder Dokumente hochladen.

Die Verwendung eines Formulars sorgt für Ordnung, macht E-Mail-Anhänge überflüssig und speichert Dateien sicher auf Ihrer WordPress-Website.

Wie man ein WordPress-Dateiupload-Formular mit WPForms 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: Verwenden Sie WPForms, um eine neue Kontakt-Formular-Vorlage zu erstellen

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
• E-Mail
• 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 einfach darauf, 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 Benutzer tun müssen, ist, die Dateien in den Upload-Bereich auf dem vorderen Ende Ihrer Website zu ziehen und abzulegen.

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 Formularname, Beschreibung und Spam-Einstellungen

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: Aktivieren Sie E-Mail-Benachrichtigungen für neue Dateiuploads 

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: Anpassen der Bestätigungsnachricht oder Weiterleitung des Formulars

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:

1. Nachricht - zeigt eine einfache Dankesnachricht an, die bestätigt, dass das Formular abgeschickt wurde.
2. Seite anzeigen - leiten Sie Besucher auf eine Dankeseite auf Ihrer Website um.
3. 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: Einbetten des Dateiupload-Formulars in eine Seite oder einen Beitrag

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: Zugriff auf und Verwaltung von hochgeladenen Dateien in WPForms

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 automatisch alle Datei-Uploads auf Google Drive, Dropbox und andere Cloud-Speicherdienste zu speichern. Mit der Pro-Version von WPForms können Sie auch Zahlungen akzeptieren.

Häufig gestellte Fragen

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

Stacey Corrin Autorin

Stacey schreibt seit über 10 Jahren über WordPress und digitales Marketing und noch viel länger über andere Themen. Darüber hinaus ist sie fasziniert von Webdesign, Benutzererfahrung und SEO.

Vollständige Bio sehen

WordPress SEO Content Marketing Digitales Marketing SaaS Werbetexten Webgestaltung