Wie man ein Datei-Upload-Formular in WordPress erstellt

Vor nicht allzu langer Zeit erforderte das Hinzufügen eines Formulars zum Hochladen von Dateien in WordPress individuellen Code oder umständliche Workarounds. Das war nicht gerade anfängerfreundlich und führte oft zu Verwirrung bei Website-Besitzern und Besuchern.

Deshalb haben wir jahrelang verschiedene Werkzeuge getestet und Unternehmen dabei geholfen, diesen Prozess zu rationalisieren.

Nehmen wir an, Sie müssen Bewerbungen sammeln, Kundenfeedback erhalten oder wichtige Dokumente für ein Projekt zusammenstellen. In diesem Fall kann ein Formular für den Upload von Dateien Ihre Website wesentlich effizienter und professioneller machen!

In dieser Schritt-für-Schritt-Anleitung zeigen wir Ihnen, wie Sie mit einem anfängerfreundlichen Plugin ganz einfach ein Formular zum Hochladen von Dateien in WordPress erstellen können – ganz ohne Programmierkenntnisse. Es ist die gleiche Methode, auf die sich viele unserer Partnermarken verlassen, um die Dokumentenerfassung zu vereinfachen und die Interaktion mit den Benutzern zu verbessern.

Warum ein WordPress-Datei-Upload-Formular erstellen?

Ein Datei-Upload-Formular ist eine großartige Idee, um jede Art von Datei von Ihren Nutzern auf Ihrer WordPress-Website zu sammeln.

Sie können die Benutzer Bilder, PDF-Dateien, Word-Dokumente oder andere Dateitypen hochladen lassen.

Die Verwendung eines Dateiupload-Formulars macht Ihnen und Ihren Nutzern das Leben leicht. Anstatt E-Mails hin und her zu schicken, können Sie ein Formular erstellen, das alle Felder enthält, die Sie benötigen, um alle Informationen auf einmal zu erfassen.

Außerdem sollte Ihr Formular die Formulardaten automatisch in Ihrer WordPress-Datenbank speichern. Auf diese Weise können Sie die Eingaben leicht wiederfinden, selbst wenn Sie eine E-Mail verpassen oder löschen.

Deshalb zeigen wir Ihnen, wie Sie ein Formular zum Hochladen von Dateien in WordPress erstellen können. Hier ist ein kurzer Überblick über das, was wir in diesem Artikel besprechen werden:

Lassen Sie uns gleich loslegen!

Wie man ein Datei-Upload-Formular in WordPress erstellt

Für dieses Tutorial werden wir WPForms verwenden, das beste Online-Formularerstellungsprogramm auf dem Markt. Er ist einsteigerfreundlich und dennoch leistungsfähig genug, um erweiterte Funktionen wie Uploads, bedingte Logik und mehrstufige Formulare zu verarbeiten.

Wir verwenden WPForms auf mehreren unserer Websites, um wichtige Aufgaben wie Kontaktformulare, Website-Migrationsanfragen und unsere jährliche Befragung der Benutzer zu erledigen. Es macht es uns leicht, Antworten zu sammeln und zu verwalten, ohne mit E-Mails oder Tabellenkalkulationen zu jonglieren.

Weitere Informationen finden Sie in unserer vollständigen Rezension über WPForms.

Zunächst müssen Sie das WPForms-Plugin installieren und aktivieren. Weitere Anweisungen finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Rufen Sie nach der Aktivierung die Seite WPForms ” Add New in der WordPress-Admin-Seitenleiste auf.

Dadurch gelangen Sie auf die Seite ‘Template suchen’, wo Sie Ihr neues Formular benennen können.

Als Nächstes wählen Sie aus, wie Sie Ihr Formular erstellen: mit einer leeren Leinwand, einem AI-Formularersteller oder einem vorgefertigten Template.

Wenn Sie sich zum Beispiel für den WPForms AI Form Builder entscheiden, müssen Sie nur die Art des Formulars, das Sie benötigen, in einer einfachen Eingabeaufforderung beschreiben. WPForms wird dann automatisch das Formular für Sie generieren.

Für dieses Tutorial werden wir jedoch ein vorgefertigtes Template verwenden. Sie können die Suchleiste verwenden, um das Template für das Upload-Formular schnell zu finden.

Wenn Sie es gefunden haben, klicken Sie einfach auf den Button “Template verwenden” unter der Option “Upload-Formular”.

Sie werden nun zum WPForms-Builder weitergeleitet, wo das Formular für den Upload von Dateien automatisch für Sie geladen wird.

Sie können die Vorlage für das Datei-Upload-Formular verwenden, ohne Änderungen vorzunehmen, oder Sie können auch Formularfelder aus der Seitenleiste “Felder hinzufügen” per Drag & Drop hinzufügen.

Klicken Sie anschließend auf das Feld “Datei-Upload” im Formular, um dessen Einstellungen in der linken Spalte zu öffnen.

Standardmäßig können Sie verschiedene Dateitypen in das Formular hochladen, darunter auch die folgenden:

• Bilddateiformate: .png, .gif, .jpg
• Dokumente:.doc, .xls, .ppt, .pdf
• Audio:.wav, .mp3, .mp4
• Video:.mpg, .mov, .wmv

Sie können jedes Dateiformat akzeptieren, indem Sie es in das Feld “Erlaubte Dateierweiterungen” eingeben.

In diesem Tutorial werden wir die Bildformate .png, .gif und .jpg zulassen. Trennen Sie jedes Dateiformat durch ein Komma.

Sie können auch eine maximale Dateigröße und eine maximale Anzahl von Dateien festlegen. Für unser Tutorial werden wir den Teilnehmern erlauben, bis zu 3 Fotos mit jeweils bis zu 50 MB einzureichen.

Wenn Sie verhindern möchten, dass Personen das WordPress-Formular ohne Anhang(e) abschicken, können Sie den Schalter “Erforderlich” aktivieren. Das bedeutet, dass das Formular nur dann abgeschickt werden kann, wenn mindestens eine Datei hochgeladen wurde.

Wechseln Sie dann einfach oben auf die Registerkarte “Erweitert”.

Standardmäßig verwendet das Datei-Upload-Feld ein modernes Format, bei dem die Benutzer ihre Dateien per Drag & Drop hochladen können.

Wenn Sie jedoch nur wenig Platz für Ihr Formular haben oder ein klassisches Upload-Feld bevorzugen, können Sie dies ändern. Wählen Sie einfach die Option “Klassisch” aus dem Dropdown-Menü “Stil”.

Beachten Sie, dass mit dem klassischen Upload-Feld nur eine Datei hochgeladen werden kann. Wenn Sie möchten, dass Benutzer mehr als eine Datei hochladen können, müssen Sie Ihrem Formular mehrere Uploads-Felder für Dateien hinzufügen.

Sie können die hochgeladenen Dateien auch in der WordPress-Medienbibliothek speichern, indem Sie den Schalter “Datei in WordPress-Medienbibliothek speichern” aktivieren. Auf diese Weise können Sie die hochgeladenen Dateien leicht zu einem Beitrag oder einer Seite hinzufügen.

Wenn Sie z. B. einen Fotowettbewerb veranstalten, sollten Sie die besten Fotos bei der Bekanntgabe des Gewinners berücksichtigen.

Wenn Sie eines der anderen Felder in Ihrem Formular bearbeiten möchten, können Sie darauf klicken, um die Einstellungen des Feldes in der linken Spalte zu öffnen.

Sie können Ihrem Dateiupload-Formular auch andere Felder in der linken Spalte hinzufügen.

Sie können zum Beispiel ein Website/URL-Feld in das Formular einfügen, damit die Benutzer Ihnen den Link zu ihrer Website mitteilen können.

Wenn Sie mit Ihrem Formular zufrieden sind, klicken Sie auf die Schaltfläche “Speichern” in der oberen rechten Ecke des Bildschirms, um Ihre Einstellungen zu speichern.

Einrichten der Benachrichtigungen für Ihr Dateiupload-Formular

Um die Benachrichtigungseinstellungen für das Formular zu ändern, müssen Sie den Tab “Einstellungen” auf der linken Seite öffnen. Dort klicken Sie einfach auf den Tab “Benachrichtigungen”.

Standardmäßig sendet das Formular beim Absenden eine E-Mail-Benachrichtigung an {admin_email}.

Wenn Sie Ihre WordPress Website selbst erstellt haben, wird dies Ihre E-Mail-Adresse sein. Wenn nicht, dann können Sie {admin_email} löschen und stattdessen Ihre eigene E-Mail-Adresse hier eingeben.

Wenn Sie sich jedoch nicht sicher sind, ob {admin_email} Ihre E-Mail-Adresse ist, besuchen Sie einfach die Seite Einstellungen ” Allgemein in Ihrem WordPress-Dashboard.

Suchen Sie dort nach dem Abschnitt “E-Mail-Adresse des Administrators”. Hier können Sie nun die E-Mail-Adresse des Administrators ändern.

Wenn Sie fertig sind, vergessen Sie nicht, auf die Schaltfläche “Änderungen speichern” zu klicken, um Ihre Einstellungen zu speichern.

Wenn Sie möchten, dass die übermittelten Dateien an mehr als eine Person gesendet werden, sollten Sie sich unsere Anleitung zur Erstellung eines Kontaktformulars mit mehreren Benachrichtigungsempfängern ansehen.

Sie können auch die Bestätigungsmeldung ändern, die die Benutzer nach dem Absenden des Formulars sehen.

Rufen Sie dazu die Seite Einstellungen ” Bestätigungen in der linken Spalte auf. Geben Sie dann die Nachricht in das Feld “Bestätigungsnachricht” ein. Sie können auch Formatierungen wie Fett- und Kursivdruck hinzufügen.

Vergessen Sie nicht, Ihr Formular zu speichern, nachdem Sie die Änderungen vorgenommen haben.

Sie können den Formularersteller verlassen, indem Sie auf das “X” in der oberen rechten Ecke klicken.

Hinzufügen des Dateiupload-Formulars zu Ihrer Website

Sobald Sie Ihr Formular erstellt haben, müssen Sie es in Ihre Website einfügen.

Dazu müssen Sie eine bestehende oder neue WordPress-Seite/einen Beitrag in der Admin-Seitenleiste öffnen. In diesem Tutorial werden wir das Dateiupload-Formular zu einer neuen Seite hinzufügen.

Klicken Sie dort auf die Schaltfläche “Neuen Block hinzufügen” (+) in der oberen linken Ecke des Bildschirms und suchen Sie den WPForms-Block.

Nach dem Hinzufügen des Blocks wird auf der Seite ein WPForms-Dropdown-Menü angezeigt.

Wählen Sie das soeben erstellte Formular zum Hochladen von Dateien aus.

Klicken Sie abschließend auf den Button “Veröffentlichen” oder “Aktualisieren”, um Ihre Änderungen zu speichern. Weitere Einzelheiten finden Sie in unserem Leitfaden zum Einbetten von WordPress-Formularen.

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

Sie können auch jederzeit Änderungen an Ihrem Formular vornehmen, indem Sie die Seite WPForms ” Alle Formulare in der Admin-Seitenleiste aufrufen.

Klicken Sie einfach auf den Namen des Formulars oder fahren Sie mit der Maus über das Formular und klicken Sie auf den Link “Bearbeiten”, um den Formularersteller zu öffnen.

Wenn Sie Ihr Formular bearbeiten, wird es automatisch auf Ihrer WordPress-Website aktualisiert, so dass Sie es nicht erneut zu Ihrer Seite hinzufügen müssen.

Anzeigen oder Herunterladen der hochgeladenen Dateien

Wenn jemand eine Datei über Ihr Datei-Upload-Formular sendet, können Sie sie in Ihrem E-Mail-Posteingang oder in Ihrem WordPress-Dashboard sehen.

Bei jedem Eintrag in das Formular erhalten Sie eine E-Mail wie diese:

Klicken Sie einfach auf die Links, um die Dateien anzusehen oder herunterzuladen.

Sie können die Dateien auch leicht in Ihrem WordPress-Dashboard finden. Gehen Sie einfach auf die Seite WPForms ” Einträge und klicken Sie dann auf den Namen Ihres Formulars.

Sie können die hochgeladenen Dateien in der Tabelle der WordPress-Formulareinträge sehen.

Alternativ können Sie auch auf den Link “Anzeigen” klicken, um die vollständigen Angaben zu jedem Formulareintrag zu sehen.

Bonus-Tipp 🌟: Wie Sie Ihre WordPress-Formulare gestalten

Wenn Sie ein Datei-Upload-Formular erstellt haben, ist es eine gute Idee, es an Ihre Markenfarben anzupassen. Dies kann Ihr Formular optisch ansprechend machen und mehr Nutzer dazu ermutigen, es auf Ihrer Website einzureichen, was letztendlich zu neuen Kunden führt.

Mit WPForms können Sie dies ganz einfach tun. Nach dem Hinzufügen Ihrer Datei Upload-Formular zu einer Seite oder Beitrag, besuchen Sie einfach die WPForms ” Einstellungen Seite aus dem WordPress Dashboard.

Aktivieren Sie hier die Option “Modernes Markup verwenden” und klicken Sie auf die Schaltfläche “Änderungen speichern”.

Öffnen Sie nun die Seite, auf der Sie Ihr Formular hinzugefügt haben, und werfen Sie einen Blick auf das Block-Panel auf der rechten Seite. Hier finden Sie einige neue Einstellungen, mit denen Sie das Datei-Upload-Formular gestalten können.

Sie können die Farben der Felder, des Textes und der Schaltflächen ändern, um Ihr Formular optisch ansprechend zu gestalten.

Wenn Sie fertig sind, klicken Sie einfach oben auf die Schaltfläche “Veröffentlichen” oder “Aktualisieren”, um Ihre Einstellungen zu speichern. Sie haben nun Ihr Datei-Upload-Formular erfolgreich gestaltet.

Weitere Informationen finden Sie in unserem Tutorial zum Anpassen und Gestalten von WordPress-Formularen.

Video-Anleitung

Bevorzugen Sie Videoanleitungen? Schauen Sie sich unser komplettes YouTube-Tutorial an, wie man ein Dateiupload-Formular in WordPress erstellt:

Subscribe to WPBeginner

Wir hoffen, dass dieses Tutorial Ihnen geholfen hat zu lernen, wie man ein Formular zum Hochladen von Dateien in WordPress erstellt. Vielleicht möchten Sie auch unseren ultimativen Leitfaden für WordPress-Formulare und unsere Expertenauswahl für die besten WordPress Plugins zum Hochladen von Dateien lesen.

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.