So vereinfachen Sie 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 können Sie 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 Ihrem WordPress Formular von „Contact Form 7“ Dateien hochzuladen, können Sie die Erweiterung „Drag and Drop Multiple Upload – Contact Form 7“ integrieren. Das Plugin ermöglicht dem User eigene Dateien ganz einfach per Drag & Drop in das Kontaktformular einzubinden.
Einfaches Hochladen von Dateien
Wenn das WordPress Plugin installiert und aktiviert ist, können Sie den Drag & Drop-Upload im Backend einrichten. Dazu gehen Sie einfach in den Bearbeitungsmodus des gewünschten Contact Form 7 Formulars und fügen den Datei-Upload über den Button „Upload mehrerer Dateien“ ins Formular ein. Hier kann neben den akzeptierten Dateitypen und dem Limit der Dateien, auch die minimale und maximale Anzahl an hochzuladenen Dateien bestimmt werden:
Nachdem die Option eingefügt ist, muss nur noch der Tag im Reiter „E-Mail“ des Contact Form 7 Formulars ergänzt werden, damit die Anhänge auch bei Ihnen 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.
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