So integrierst du einen Datei-Upload für mehrere Dateien in Contact Form 7
Das beliebte Kontaktformular Plugin für WordPress „Contact Form 7“ bietet die Option des Datei-Uploads in Formularen. Genaueres über das Plugin und die Datei-Uploads kannst du in diesen Blogbeiträgen nachlesen:
» Contact Form 7 – praktisches WordPress Plugin für individualisierbare Kontaktformulare
» Datei-Uploads in ein Kontaktformular von Contact Form 7 integrieren – so leicht funktioniert es!
Mehrere Dateien in einem Upload-Tag
Mit dem Plugin „Multiline files upload for contact form 7“ von Zluck Solutions können mehrere Dateien in einem einzigen Upload-Tag hochgeladen werden. Dies ist besonders nützlich, wenn du viele Dateien hochladen lassen möchtest, ohne dass jede einzelne Datei ein eigenes Upload-Tag erhält – so hast du hinterher in deinem WordPress Frontend nur einen Button statt mehrerer. Das Plugin funktioniert folgendermaßen: Nachdem du das Plugin im WordPress Backend installiert und aktiviert hast, wird der multilinefile-Tag bei der Bearbeitung des Formulars angezeigt:
Wenn du mehrere Dateien in einem einzigen Upload-Tag hochladen möchtest, wählst du den neuen Tag „multilinefile“ aus. Du hast die Möglichkeit, verschiedene Einstellungen für den Upload zu treffen – wie den Namen, ob es ein Pflichtfeld ist, die Anzahl der Uploads, die Dateigröße, das Format und vieles mehr.
Genauere Infos zu den Feldern findest du hier »
Wenn du den Datei-Upload auf eine Anzahl an Dateien begrenzen willst (z. B. maximal 4 Dateien), füge folgenden Code mit in den Tag ein:
accept:4Damit die Uploads, die beim Ausfüllen des Formulars im WordPress Frontend entstehen, auch mitgesendet werden, musst du den Tag nun als Dateianhang der Formular-E-Mail festlegen. Wie das funktioniert, kannst du in diesem Quick Tipp nachlesen: Datei-Uploads bei Contact Form 7 Formularen »
So sieht der Upload im Frontend aus
Wenn du alle Einstellungen im Backend getroffen hast, kannst du dir das Formular in deinem WordPress Frontend anschauen. Hier siehst du im Vergleich, wie der normale Upload und wie der multilinefiles Upload aussieht:
