Formulare form

Formulare sind flexibel in der Breite und können mittels Webflow Module beliebig erweitert werden. Die Labels sind optional. Für das Formular muss auch eine Success Nachricht gestaltet werden. Diese kann man aufrufen, in dem man in den Settings das Formular auf "Success" umstellt.
Der Empfänger der Formular-Emails kann in den Einstellungen unter "Forms" jedes Webflow-Projekts festgelegt werden.
Beachte auch, dass du die Success-Message und Error-Message bearbeitest.

Ja, ich möchte am Gewinnspiel teilnehmen!

Bitte Formular ausfüllen und absenden.
* Alle Felder sind Pflichtfelder

Danke!

Sie haben erfolgreich am Gewinnspiel teilgenommen
Etwas ist schief gegangen!

Formular für Newsletter form-newsletter

Das Formular zur Newsletter-Anmeldung ist ein einfaches Formular in einer Box form-newsletter mit dunklem Hintergrund.

Baukasten-Menü
(auf und zu)

Formular mit Dateiupload

Das Formular mit Dateiupload besteht aus dem oben genannten Formular form mit einem zusätzlichen html-Feld, das das Upload-Feld bereitstellt. Das Upload-Feld kann an beliebiger Stelle im Formular eingebaut werden. Auch eine mehrmalige Verwendung innerhalb eines Formulars ist möglich.

Anleitung:

1. Formular erstellen:

1.1 Füge ein Formular ein (siehe oben)
1.2 Füge den Code für den Datei-Upload in ein Html-Feld (Feldname: Embeded) ein.
1.3 Ersetze im Code "Ihr Foto" durch einen beliebigen Titel, der über dem Upload-Button stehen soll.
1.4 Füge zum Code die erlaubten Dateiendungen/Dateiarten hinzu.

<label for="Bild" class="field-label">Ihr Foto (max. 10 MB)</label>
<input id="Bild" name="Bild" type="file">
<br><br>

1.4 Füge zum Code die erlaubten Dateiendungen/Dateiarten und Größe des Uploads (data-max-filesize="10" ; hier 10 MB) hinzu. Beispiel:

<input id="Bild" name="Bild" type="file" data-max-filesize="10" accept=".jpg,.png,.doc,.docx,.xml,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document">

1.5 Setzten in den Formeinstellungen: "Action: https://mailform.haufe.com/form"
1.6 Wähle unter Method: POST
1.7 Füge zu den "Custom <form> attributes" hinzu: enctype="multipart/form-data"

2. Upload richtig konfigurieren

2.1 Damit der Upload richtig funktioniert, muss von der Agentur Gebrüder Heitz für jedes! Formular eine Konfiguration im Hintergrund angelegt werden. Bitte wende dich dazu direkt an die Agentur! (Kontakt: kontakt@gebruederheitz.de)
Hierzu muss festgelegt werden:
Wer empfängt die Antworten per Email?
Welchen Titel/Betreff und wie soll die Email aussehen?

3. Abrufen der Daten

3.1 Wenn das Formular ausgefüllt wurde, erhält der ausgewählte Empfänger eine Email mit sämtlichen Daten aus dem Formular. Zusätzlich enthält die Email einen Link. Mit Klick auf den Link, lässt sich die Datei und die Formulardaten als zip-Datei herunterladen.
Aus Sicherheitsgründen muss zum Abruf der Daten ein Benutzername und Passwort eingegeben werden.
Nutzername: lexware
Passwort: date!upload