So vereinfachst du den Dateiupload in Contact Form 7 Formularen mit einem Drag-&-Drop-Upload
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 zum Contact Form 7 Kontaktformular hinzufügen
Dateien per Drag-and-Drop zum Kontaktformular hinzufügen
Um es dem User noch einfacher zu machen, in deinem WordPress-Formular von „Contact Form 7“ Dateien hochzuladen, kannst du die Erweiterung „Drag and Drop Multiple Upload – Contact Form 7“ integrieren. Das Plugin ermöglicht es dir, eigene Dateien ganz einfach per Drag & Drop in das Kontaktformular einzubinden.
Einfaches Hochladen von Dateien
Wenn das WordPress-Plugin installiert und aktiviert ist, kannst du den Drag-&-Drop-Upload im Backend einrichten. Dazu gehst du einfach in den Bearbeitungsmodus des gewünschten Contact Form 7 Formulars und fügst den Datei-Upload über den Button „Upload mehrerer Dateien“ ins Formular ein. Hier kannst du neben den akzeptierten Dateitypen und dem Limit der Dateien auch die minimale und maximale Anzahl an hochzuladenden Dateien bestimmen.
Nachdem du die Option eingefügt hast, musst du nur noch den Tag im Reiter „E-Mail“ des Contact Form 7 Formulars ergänzen, damit die Anhänge auch bei dir ankommen. Nun können im Frontend per Drag & Drop Dateien in das bearbeitete Formular eingefügt werden.
Die hochgeladenen Dateien können nach dem Upload auf Wunsch auch wieder entfernt werden.
4 Kommentare
Hallo,
Wenn ich das Add-on für Drag & Drop nutze kombiniert mit normalen Formular-Textfeldern des Contact Form 7, dann funktioniert der Dateiupload nicht. Ist hier ein Bug oder Side-Effect bekannt?
Muss bei der kombinierten Verwendung etwas bedacht werden?
Wie kann ich es lösen, dass ich normale Contact Form 7 Felder (Vorname, Nachname, E-Mail, etc.) nutze und den Drag & Drop Upload?
Vielen Dank! LiGrü, Nina
Hallo Nina,
Das Drag & Drop Add-on ist für die kombinierte Verwendung von anderen Formularfeldern und dem Drag & Drop Dateiupload vorgesehen.
Was für ein Fehler tritt bei dir auf? Kann das Formular nicht abgeschickt werden, oder wird der Dateiupload erst gar nicht angezeigt?
Viele Grüße
Julia von pure media
Hallo Julia,
Vielen Dank für die schnelle Rückmeldung. Sobald andere Formularfelder integriert sind und ausgefüllt werden, wird der Upload nicht abgeschlossen – dh. der Balken ist vollständig aber bleibt grau und beim Versuch es abzusenden erscheint, dass der Upload nicht vollständig ist.
Beim Versuch die nicht vollständig hochgeladene Datei zu löschen, passiert gar nichts.
Vielen Dank und LiGrü,
Nina
Hallo Nina,
Leider ist das kein bekanntes Problem und wir konnten es auch nicht nachstellen.
Am besten überprüfst du, ob die Plugins und dein WordPress System auf dem neusten Stand sind und ob du mehreren Feldern im Formular dieselbe Bezeichnung gegeben hast. Es kann auch helfen den Browser Cache zu leeren oder das Formular in einem anderen Browser zu testen.
Viele Grüße
Julia von pure media