Wie man ein Datei-Upload-Formular in WordPress erstellt

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

Vielleicht stellen Sie Mitarbeiter ein und möchten Lebensläufe sammeln, oder Sie veranstalten einen Fotowettbewerb, bei dem die Bewerber Dateien anhängen müssen.

In diesem Artikel zeigen wir Ihnen, wie Sie Schritt für Schritt ein Datei-Upload-Formular in WordPress erstellen können.

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.

Werfen wir also einen Blick darauf, wie man ein Datei-Upload-Formular in WordPress erstellt.

Wie man ein Datei-Upload-Formular in WordPress erstellt

Für dieses Tutorial werden wir WPForms verwenden, das beste Kontaktformular-Plugin für WordPress.

Weitere Informationen finden Sie in unserem vollständigen Bericht ü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.

Dies führt Sie zur Seite „Vorlage suchen“, wo Sie Ihr neues Formular benennen können. Sie müssen auch nach der Vorlage für das Datei-Upload-Formular im Suchfeld auf der linken Seite suchen.

Klicken Sie dann einfach auf die Schaltfläche „Vorlage verwenden“ unter der Option „Datei-Upload-Formular“.

Sie werden nun zum WPForms-Builder weitergeleitet, wo das Dateiupload-Formular automatisch für Sie erstellt 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:

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

Sie müssen lediglich die Dateiformate, die Sie akzeptieren möchten, 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.

Hinweis: WordPress schränkt die Dateitypen, die auf die Website hochgeladen werden können, aus Sicherheitsgründen für WordPress ein. Sie können zusätzliche Dateitypen zu WordPress hinzufügen, wenn Sie Benutzern das Hochladen von Dateitypen erlauben möchten, die normalerweise nicht erlaubt sind.

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 Formular abschicken, ohne ihre Datei(en) anzuhängen, können Sie den Schalter „Erforderlich“ einschalten. 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“.

Tipp: Mit dem klassischen Upload-Feld kann nur eine Datei hochgeladen werden. Wenn Sie möchten, dass Benutzer mehr als eine Datei hochladen können, müssen Sie Ihrem Formular mehrere Datei-Upload-Felder 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.

Hinweis: Die hochgeladenen Dateien werden auch dann in Ihrer WordPress-Datenbank gespeichert, wenn Sie dieses Kontrollkästchen nicht aktivieren. Sie werden lediglich in einem separaten Ordner in Ihrem WordPress-Hosting-Konto gespeichert.

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 die Registerkarte „Einstellungen“ in der linken Ecke öffnen. Dort klicken Sie einfach auf die Registerkarte „Benachrichtigungen“.

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

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

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

Suchen Sie dort nach der E-Mail-Adresse für die Verwaltung. Von hier aus 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.

Dazu müssen Sie die Seite Einstellungen “ Bestätigungen in der linken Spalte aufrufen. Geben Sie dann einfach 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 die Schaltfläche „Veröffentlichen“ oder „Aktualisieren“, um Ihre Änderungen zu speichern.

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 Website aktualisiert, so dass Sie es nicht erneut zu Ihrer Seite hinzufügen müssen.

Tipp: Es ist eine gute Idee, Ihr Formular zu testen, um sicherzustellen, dass es wie erwartet funktioniert. Wenn Sie nach dem Erstellen eines Formulars keine E-Mail-Benachrichtigung erhalten, lesen Sie unsere Schritt-für-Schritt-Anleitung zur Behebung des Problems, dass WordPress keine E-Mails versendet.

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

Wir hoffen, dass diese Anleitung Ihnen geholfen hat, ein Datei-Upload-Formular in WordPress zu erstellen. Vielleicht möchten Sie auch einen Blick auf unsere Expertenauswahl der besten WordPress-Umfrage-Plugins werfen und unsere Anleitung zum Erstellen eines E-Mail-Newsletters 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.