Dateianhänge im Kontaktformular anbieten

Möchte man seinen Besuchern das Hochladen von Anhängen zu Kontaktformularen anbieten, so lässt sich dies sehr einfach mit Contact Form 7 umsetzen.

Auch eine Begrenzung auf Dateitypen und Dateigröße ist dabei möglich.

Die hochgeladenen Anhänge werden dann mit den den eingegeben Daten an die gewünschte E-Mail Adresse versendet.

Zwei Schritte sind dafür notwendig:

  1. Die gewünschte Anzahl an Upload Feldern zum Formular hinzufügen

    Anhänge im Formular Bereich hinzufügen.
    Soll ein Besucher Anhänge hochladen können, so müssen diese im Formular Bereich hinzugefügt werden.
  2. Diese Felder im E-Mail Bereich angeben, damit die Dateien auch versendet werden

    Anhänge E-Mail
    In der E-Mail Nachricht können auch mehrere Dateianhänge versendet werden.

In Kontaktformularen die ohne ein Plugin erstellt werden, wird dafür das HTML Formularelement input type=“file“ verwendet. Um dieses Element in Contact Form 7 Formularen zu verwenden, gibt es das Tag „file“.

HTML Input Type File
Contact Form 7 macht aus dem File Tag ein HTML Element vom Typ input.

Neben den üblichen Optionen hat man hier die Möglichkeit die akzeptierten Dateien zum Hochladen anhand des Dateityps zu begrenzen. Zusätzlich kann auch eine Größenbeschränkung festgesetzt werden.

Gibt man bei beiden Optionen keine Werte an, so hat Contact Form 7 bereits eingebaute Standardwerte für diese Begrenzungen:

  • Standardmäßig erlaubte Dateiendungen:
    jpg, jpeg, png, gif
    pdf
    doc, docx, ppt, pptx, odt
    avi, ogg, m4a, mov, mp4, mpg, wmv
    mp3, wav
  • 1 MB maximale Dateigröße wenn nichts anderes angegeben

Ein kleines Beispiel wie ein einfacher Datei Upload angezeigt werden kann:

[file meine-datei]

und mit eigenen Restriktionen

[file meine-datei filetypes:pdf limit:2mb]

Ergibt in beiden Fällen folgendes Bild für den Besucher:

Upload Formular
Das Formular zum Hochladen von Dateien.

Auch beim Datei Upload Tag hat man die Möglichkeit das Feld als Pflichtfeld zu markieren:

[file* meine-datei filetypes:pdf limit:2mb]

Damit die Dateien nun auch in der E-Mail versendet werden, muss man das dazugehörige Mail Tag im E-Mail Bereich hinzufügen.

CF7 E-Mai Reiter
Im E-Mail Bereich müssen die Namen der verwendeten File Tags angegeben werden.

Das Mail Tag baut sich nur aus dem Namen des Formular Tags auf:

[meine-datei]

Dieser Text muss im E-Mail Bereich bei den Dateianhängen eingefügt werden. Hat man mehrere Datei Uploads, so werden diese hintereinander eingefügt.

Beim Hochladen werden die Dateien in einem temporären Verzeichnis abgelegt und nach dem Versand wieder gelöscht.


Quellen:
https://contactform7.com/file-uploading-and-attachment/
https://wiki.selfhtml.org/wiki/HTML/Formulare/input/Datei-Upload

2 Gedanken zu „Dateianhänge im Kontaktformular anbieten“

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.