So fügen Sie WordPress-Formularen einen Datei-Upload hinzu

Manchmal reichen Textfelder nicht aus. Nutzer müssen Lebensläufe einreichen, Fotos hochladen, Dokumente anhängen oder Screenshots senden können. Datei-Upload-Felder verwandeln einfache Kontaktformulare in leistungsstarke Tools zur Dokumentenerfassung.

In diesem Leitfaden erfahren Sie, wie Sie Ihren WordPress-Formularen eine Datei-Upload-Funktion hinzufügen – von der grundlegenden Einrichtung bis zur erweiterten Konfiguration.

Warum Datei-Uploads zu Formularen hinzufügen?

Erfasse, was Text nicht erfassen kann.

• Lebensläufe – Formatierte Dokumente sagen mehr als Text.
• Fotografien – Visueller Nachweis, Beispiele, Portfolios
• Screenshots – Zeigen Sie genau das, was die Benutzer sehen
• Unterlagen – Verträge, Zertifikate, Aufzeichnungen

Optimieren Sie Arbeitsabläufe

• Keine separaten E-Mail-Anhänge
• Dateien, die mit Formularübermittlungen verknüpft sind
• Alles an einem Ort
• Einfacher zu verfolgen und zu organisieren

Berufserfahrung

• Moderne Form der Fähigkeit
• Nutzer erwarten Optionen zum Hochladen von Dateien.
• Reduziert den Hin- und Herverkehr bei Anfragen

Häufige Anwendungsfälle für den Datei-Upload

Bewerbungen

• Lebenslauf (PDF, DOC)
• Anschreiben
• Portfolio-Beispiele
• Zertifizierungen

Support-Tickets

• Screenshots der Probleme
• Fehlerprotokolle
• Konfigurationsdateien
• Videoaufnahmen

Angebotsanfragen

• Projektspezifikationen
• Referenzbilder
• Vorhandene Entwürfe zum Nachbauen
• Grundrisse, Baupläne

Versicherungsansprüche

• Schadensfotos
• Polizeiberichte
• Krankenakten
• Einkünfte

Kundenfeedback

• Produktfotos
• Vorher/Nachher Bilder
• Nutzergenerierte Inhalte

Veranstaltungsanmeldung

• ID-Überprüfung
• Nachweis der Berechtigung
• Teamlisten

Anträge von Auftragnehmern/Lieferanten

• Business-Lizenzen
• Versicherungszertifikate
• Arbeitsproben

Hinzufügen eines Datei-Uploads zu Ihrem Formular

So fügen Sie Datei-Uploads hinzu mit Automatischer Formulargenerator:

Schritt 1: Auto Form Builder installieren

1. Gehe zu Plugins → Neu hinzufügen
2. Suchen nach "AFB(Die Kurzform für Auto Form Builder)
3. Finden "AFB – Automatischer Formulargenerator – Formularerstellung per Drag & Drop"
4. Klicken Sie auf Jetzt installieren und dann Mehr erfahren

Schritt 2: Formular erstellen oder bearbeiten

1. Gehe zu Automatischer Formulargenerator → Neu hinzufügen (oder bestehendes Formular bearbeiten)
2. Sie sehen den Formulargenerator mit Drag-and-Drop-Funktion.

Schritt 3: Datei-Upload-Feld hinzufügen

1. Finde Datei-Upload in der Feldpalette
2. Ziehen Sie es auf Ihre Formularfläche.
3. Positionieren Sie es an der gewünschten Stelle (normalerweise nach den Kontaktfeldern).

Schritt 4: Grundeinstellungen konfigurieren

Klicken Sie auf das Feld zum Hochladen von Dateien, um die Einstellungen zu öffnen:

Feldbezeichnung

Geben Sie ihm eine klare, beschreibende Bezeichnung:

• „Lebenslauf hochladen“
• „Dokumente anhängen“
• „Screenshots hochladen“
• „Dateien anhängen“

Erforderlich / Optional

Entscheiden Sie, ob das Hochladen einer Datei obligatorisch ist:

• Erforderlich – Der Benutzer muss etwas hochladen, um es einzureichen
• Optional – Der Benutzer kann seine Einreichung auch ohne Dateien vornehmen.

Hilfetext

Anweisungen für Benutzer hinzufügen:

• „Laden Sie Ihren Lebenslauf im PDF- oder Word-Format hoch.“
• „Fügen Sie Screenshots bei, die das Problem zeigen.“
• „Maximale Dateigröße: 10 MB“

Schritt 5: Dateitypbeschränkungen konfigurieren

Festlegen, welche Dateitypen akzeptiert werden:

Nach Kategorie

• Bilder – JPG, PNG, GIF, WebP
• Unterlagen – PDF, DOC, DOCX
• Tabellen – XLS, XLSX, CSV
• Archives – ZIP, RAR
• Audio – MP3, WAV
• Video – MP4, MOV

Aktivieren Sie nur, was Sie benötigen

Für Lebensläufe: Nur Dokumente aktivieren
Für Screenshots: Nur Bilder aktivieren
Für allgemeine Anhänge: Dokumente + Bilder aktivieren

Schritt 6: Größenbeschränkungen festlegen

Zu große Uploads verhindern:

• Beschränkung pro Datei – Maximale Größe für jede Datei
• Gängige Einstellungen: 5 MB, 10 MB, 25 MB
• Serverbeschränkungen berücksichtigen

Schritt 7: Mehrere Dateien konfigurieren (optional)

Benutzern das Hochladen mehrerer Dateien ermöglichen:

• Mehrere Dateien aktivieren - Umschalten
• Minimale Dateien – Erforderliches Minimum (0 für optional)
• Maximale Dateien – Obergrenze zur Missbrauchsverhinderung

Schritt 8: Speichern und testen

1. Speichern Sie Ihr Formular
2. Vorschau oder Einbetten auf einer Seite
3. Testen des Hochladens verschiedener Dateien
4. Überprüfen Sie, ob die Dateien in den Einreichungen enthalten sind.

Konfigurationsoptionen für den Datei-Upload

Einzelne vs. mehrere Dateien

Dateitypbeschränkungen

Richtlinien zur Größenbeschränkung

Beispiele für Datei-Upload-Felder

Lebenslauf hochladen (Bewerbung)

• Etikette: „Lebenslauf hochladen“
• Erforderlich: Ja
• Mehrere: Nein (einzelne Datei)
• Datentypen: PDF, DOC, DOCX
• Maximale Größe: 5 MB
• Hilfetext: „Laden Sie Ihren Lebenslauf hoch (PDF- oder Word-Format, max. 5 MB)“

Screenshot-Anhang (Support-Ticket)

• Etikette: „Screenshots anhängen“
• Erforderlich: Nein (optional)
• Mehrere: Ja (bis zu 5)
• Datentypen: JPG, PNG, GIF
• Maximale Größe: jeweils 10 MB
• Hilfetext: „Laden Sie Screenshots hoch, die das Problem zeigen (optional, bis zu 5 Bilder)“

Dokumentenpaket (Angebotsanfrage)

• Etikette: „Projektdokumente“
• Erforderlich: Nein
• Mehrere: Ja (bis zu 10)
• Datentypen: PDF, DOC, Bilder, ZIP
• Maximale Größe: jeweils 15 MB
• Hilfetext: „Fügen Sie alle relevanten Dokumente, Bilder oder Spezifikationen bei.“

Fotoeinreichung (Wettbewerb)

• Etikette: „Wettbewerbsfotos“
• Erforderlich: Ja
• Mehrere: Ja (3-5 Dateien)
• Datentypen: Nur JPG, PNG
• Maximale Größe: jeweils 10 MB
• Hilfetext: „Laden Sie 3–5 hochauflösende Fotos (JPG oder PNG) hoch.“

Zugriff auf hochgeladene Dateien

Formulareinreichungen

1. Gehe zu Automatischer Formulargenerator → Einreichungen
2. Suchen und klicken Sie auf die Einreichung.
3. Hochgeladene Dateien werden mit dem Eintrag angezeigt
4. Zum Herunterladen oder Ansehen klicken

Speicherort der Dateien

Hochgeladene Dateien werden typischerweise hier gespeichert:

• WordPress-Upload-Ordner
• Nach Datum oder Form geordnet
• Zugänglich über die Mediathek oder direkte Links

In E-Mail-Benachrichtigungen

Abhängig von den Einstellungen:

• Der Benachrichtigungs-E-Mail beigefügte Dateien
• Oder Links zum Herunterladen von Dateien

Hinweis: Große Dateien überschreiten möglicherweise die zulässigen Grenzwerte für E-Mail-Anhänge. Für große Dateien sind Links die sicherere Option.

Beim CSV-Export

Dateifelder werden typischerweise wie folgt exportiert:

• URLs zu den hochgeladenen Dateien
• Dateinamen

Serveranforderungen und -beschränkungen

PHP-Einstellungen

Die Serverkonfiguration beeinflusst Uploads:

Überprüfen Sie Ihre Grenzen

So finden Sie die Limits Ihres Servers heraus:

1. Gehe zu Tools → Site-Gesundheit → Info
2. Erweitern Sie die Funktionalität der Server Abschnitt
3. Suchen Sie nach Werten, die mit dem Hochladen zusammenhängen.

Wenn die Grenzwerte zu niedrig sind

• Kontaktieren Sie Ihren Hosting-Anbieter
• Oder fügen Sie es (falls zulässig) zu .htaccess / php.ini hinzu.
• Formularlimits unterhalb der Serverlimits festlegen

Sicherheitsüberlegungen

Dateitypvalidierung

Dateitypen stets einschränken:

• Aktivieren Sie nur die Typen, die Sie tatsächlich benötigen.
• Ausführbare Dateien (.exe, .php, .js) dürfen niemals zugelassen werden.
• Die Validierung erfolgt sowohl auf Client- als auch auf Serverseite.

Dateispeichersicherheit

• Dateien, die nach Möglichkeit außerhalb des Web-Root-Verzeichnisses gespeichert werden, werden ebenfalls benötigt.
• Der direkte URL-Zugriff kann eingeschränkt sein.
• Überlegen Sie, wer Zugriff auf hochgeladene Dateien hat.

Malware-Prävention

Für sensible Anwendungen:

• Verwenden Sie Sicherheits-Plugins mit Malware-Scanning.
• Beschränken Sie sich auf gängige sichere Formate (PDF, JPG).
• Überprüfen Sie die Uploads vor der Verwendung.

Praxisbeispiele

1. Seien Sie konkret in Bezug auf die Anforderungen.

Sagen Sie den Nutzern genau, was sie hochladen sollen:

• Akzeptierte Dateitypen
• maximale Dateigröße
• Zulässige Anzahl an Dateien
• Was die Datei enthalten sollte

2. Angemessene Grenzwerte festlegen

Passen Sie die Grenzwerte an den tatsächlichen Bedarf an:

• Lebensläufe benötigen keine 50-MB-Beschränkung.
• Fotowettbewerbe brauchen höhere Limits
• Serverkapazität berücksichtigen

3. Machen Sie es nach Möglichkeit optional.

Dateien sollten nur dann angefordert werden, wenn sie unbedingt erforderlich sind:

• Es kann vorkommen, dass die Benutzer die Dateien nicht bereit haben.
• Erhöht die Formularausfüllrate
• Bei Bedarf die Dateien anfordern

4. Drag & Drop aktivieren

Moderne, einfache Benutzererfahrung:

• Die Nutzer erwarten Drag & Drop.
• Schneller als Klicken, Durchsuchen und Auswählen
• Funktioniert mit mehreren Dateien

5. Upload-Fortschritt anzeigen

Große Dateien brauchen Zeit:

• Der Fortschrittsbalken verhindert Verwirrung
• Die Nutzer wissen, dass der Upload funktioniert.
• Verringert abgebrochene Uploads

6. Testen Sie gründlich

Vor dem Livegang:

• Laden Sie verschiedene Dateitypen hoch
• Test bei Größenbeschränkungen
• Versuchen Sie es mit ungültigen Dateitypen (sollten abgelehnt werden).
• Überprüfen Sie, ob die Dateien in den Einreichungen enthalten sind.
• Test auf Mobilgeräten

Fehlerbehebung beim Hochladen von Dateien

Der Upload schlägt sofort fehl.

Prüfen:

• Dateityp ist zulässig
• Die Dateigröße liegt innerhalb des zulässigen Bereichs.
• JavaScript ist im Browser aktiviert.

Upload schlägt teilweise fehl

Mögliche Ursachen:

• Server-Timeout
• Verbindung unterbrochen
• Maximale Servergröße überschritten

Solutions:

• Dateigröße reduzieren
• Serverlimits prüfen
• Versuchen Sie es zuerst mit kleineren Dateien.

Dateien, die in der Einreichung nicht angezeigt werden

Prüfen:

• Upload abgeschlossen, bevor das Formular abgeschickt wurde
• Der Server verfügt über verfügbaren Speicherplatz.
• Korrekte Dateiberechtigungen auf dem Server

Fehler „Dateityp nicht zulässig“

Solutions:

• Aktivieren Sie den Dateityp in den Feldeinstellungen.
• Der Benutzer lädt möglicherweise das falsche Format hoch.
• Prüfen, ob die Dateiendung mit dem Inhalt übereinstimmt.

Hochgeladene Dateien können nicht heruntergeladen werden

Prüfen:

• Dateien sind am Speicherort vorhanden
• Korrekte Dateiberechtigungen
• Links/Pfade sind gültig

Häufig gestellte Fragen

Ist der Datei-Upload in der kostenlosen Version enthalten?

Ja! Auto Form Builder beinhaltet die Datei-Upload-Funktion bereits in der kostenlosen Version – für den einfachen Datei-Upload ist kein kostenpflichtiges Upgrade erforderlich.

Welche Dateitypen können Benutzer hochladen?

Sie können dies in den Feldeinstellungen festlegen. Gängige Optionen sind Bilder (JPG, PNG), Dokumente (PDF, DOC), Tabellenkalkulationen (XLS, CSV) und Archive (ZIP). Aktivieren Sie nur die benötigten Optionen.

Wie groß darf die Datei maximal sein?

Sie legen dies in den Feldeinstellungen fest, es ist aber auch durch die PHP-Konfiguration Ihres Servers begrenzt. Überprüfen Sie die Einstellung `upload_max_filesize` Ihres Servers.

Können Benutzer mehrere Dateien hochladen?

Ja, aktivieren Sie „Mehrere Dateien zulassen“ in den Feldeinstellungen und legen Sie Mindest-/Höchstgrenzen fest.

Wo werden die hochgeladenen Dateien gespeichert?

Die Dateien werden im WordPress-Upload-Ordner gespeichert und mit den Formulareinsendungen verknüpft. Sie können sie im Dashboard für Formulareinsendungen einsehen.

Sind hochgeladene Dateien sicher?

Beim Hochladen von Dateien wird auf zulässige Dateitypen geprüft. Um die Sicherheit zusätzlich zu erhöhen, sollten Sie die Dateitypen auf die benötigten beschränken und Sicherheits-Plugins zum Scannen auf Schadsoftware in Betracht ziehen.

Zusammenfassung

Hinzufügen des Datei-Uploads zu WordPress-Formularen:

1. Fügen Sie das Feld zum Hochladen von Dateien hinzu. – Ziehen Sie es auf Ihr Formular
2. Legen Sie ein eindeutiges Etikett fest – Den Nutzern mitteilen, was sie hochladen sollen.
3. Dateitypen einschränken – Aktivieren Sie nur das, was Sie benötigen
4. Größenbeschränkungen festlegen – Innerhalb der Serverkapazitäten
5. Mehrere Dateien konfigurieren – Falls erforderlich
6. Hilfetext hinzufügen – Anforderungen erläutern
7. Testen Sie gründlich – Verschiedene Dateien, Größen, Geräte

Fazit

Datei-Uploads erweitern Ihre Formulare über die reine Texterfassung hinaus. Lebensläufe, Fotos, Dokumente, Screenshots – was auch immer Sie benötigen, Nutzer können es direkt über Ihr Formular einreichen. Keine E-Mail-Anhänge, keine verlorenen Dateien, alles übersichtlich bei der Übermittlung.

Automatischer Formulargenerator Die kostenlose Version beinhaltet den Dateiupload mit Drag & Drop, Unterstützung mehrerer Dateien, Dateitypbeschränkungen und Größenbegrenzungen. Das Hinzufügen von Dateiuploads ist mit wenigen Klicks erledigt.

Sind Sie bereit, Datei-Uploads zu akzeptieren? Laden Sie den automatischen Formulargenerator herunter. Fügen Sie Ihren Formularen noch heute die Möglichkeit zum Hochladen von Dateien hinzu.