Inhalt
- Erste Schritte
-
Reiter: Formulare
- Formular anlegen, bearbeiten & löschen
- Bestätigungs-E-Mail
-
Bereich: Schritte und Elemente
- Tabelle: Schritte & Elemente
- Schritt anlegen, bearbeiten & löschen
-
Element anlegen, bearbeiten & löschen
- Element: Textfeld - einzeilig
- Element: Textfelder - einzeilig - zwei nebeneinander - gleich groß
- Element: Textfelder - einzeilig - zwei nebeneinander - links klein, rechts groß
- Element: Textfelder - einzeilig - zwei nebeneinander - links groß, rechts klein
- Element: Textfelder - einzeilig - drei nebeneinander - gleich groß
- Element: Textfeld - mehrzeilig
- Element: Auswahlfeld (Select)
- Element: Auswahl / Bestätigungskasten (Checkbox)
- Element: Auswahl / Bestätigungskasten mit formatbasiertem Text und Link (Checkbox + Editor)
- Element: Mehrfachauswahl / Bestätigungskastengruppe (gruppierte Checkboxen)
- Element: Optionsschaltflächen (Radio-Buttons)
- Element: Bild-Auswahlfeld
- Element: Datum
- Element: Uhrzeit
- Element: Datum und Uhrzeit
- Element: E-Mail
- Element: Datei
- Element: IBAN + BIC
- Element: Anti-Spam Bestätigung (Captcha)
- Element: Button
- Element: Horizontale Linie
- Element: Text Block
- Element: Bild links, Text rechts
- Element: Leerzeile (Abstand)
- Element: Adressdaten (vordefinierte Elementgruppe)
- Element: Kontaktdaten (vordefinierte Elementgruppe)
- Bereich: Abhängigkeiten
- Reiter: Bestätigungsmeldung
- Reiter: Conversion Tracking
- Reiter: Formular-Optionen
- Reiter: Anfragen
- Reiter: 👁 Darstellung
Erste Schritte
Mit dem Formulargenerator-Baustein kannst du individuelle Formulare erstellen. Die erstellten Formulare lassen sich beliebig oft auf einer Website ausgeben.
Die Bearbeitung des Formulargenerator-Bausteins erfolgt bei erster Benutzung vorzugsweise in folgender Reihenfolge:
-
Formular erstellen: Erstelle das erste Formular. Überlege dir vorher, welche Informationen du abfragen möchtest und wie der Aufbau des Formulars werden soll. Bei der erstmaligen Nutzung des Bausteins kann es ein Formular "Standard-Formular" geben. Nutze dieses als das erste Formular, indem du es bearbeitest und umbenennst. Weitere Informationen findest du unter Formulare anlegen, bearbeiten & löschen.
-
Ausgabe des Formulars einstellen: Im Reiter "👁️ Darstellung" kannst du bestimmen, welches Formular ausgegeben wird. Alle Einstellungen, die im Reiter "👁️ Darstellung" getroffen werden, beziehen sich nur auf den Formulargenerator-Baustein, den du gerade bearbeitest. Wird das neu angelegte Formular nicht ausgegeben, überprüfe im Reiter "👁️ Darstellung", ob es dort für die Ausgabe zugewiesen wurde.
-
Formularanfragen per E-Mail erhalten: Wenn du die Formularanfragen per E-Mail erhalten möchtest, kannst du die Option "Info-E-Mail versenden" im Bereich "Formular- und E-Mail-Einstellungen" unter dem Reiter "👁️ Darstellung" aktivieren. In diesem Bereich kannst du die E-Mail anpassen, die du erhältst, sobald ein Formular ausgefüllt und abgesendet wurde.
💡 Tipp: Hinterlege bei "Betreff" einen aussagekräftigen Text, damit du die Anfragen zuordnen kannst. Eine präzise Benennung kann außerdem hilfreich sein, falls in einem E-Mail-Programm ein Filter verwendet wird, der die eingehenden E-Mails nach dem Betreff automatisch sortiert.
- Bestätigungsmeldung anpassen: Im Reiter "Bestätigungsmeldung" kannst du die automatische Bestätigungsmeldung anpassen, die den Besuchern angezeigt wird, wenn sie ein Formular ausgefüllt haben.
Reiter: Formulare
Formulare anlegen, bearbeiten & löschen
Im blauen Auswahlbereich kannst du neue Formulare anlegen oder ein bestehendes Formular bearbeiten bzw. löschen.
-
Neues Formular anlegen: Wähle im Auswahlfeld die Option "-- Neues Formular anlegen --" und klicke auf den Button "Anlegen". Daraufhin wird automatisch ein neues Formular mit einem ersten Formular-Schritt und einem Button-Element erstellt.
-
Kopie eines Formulars erstellen: Um ein bereits erstelltes Formular zu kopieren, wähle im Auswahlfeld zunächst das entsprechende Formular aus und klicke auf den Button "Bearbeiten". Klicke anschließend im oberen Bereich der Formularbearbeitung auf den Button "Als Kopie speichern".
Unterhalb der Ansicht zur Bearbeitung findest du die Möglichkeit, das Formular als Kopie zu speichern. Klicke dafür auf den Button "Als Kopie speichern".
-
Formular bearbeiten: Um ein Formular zu bearbeiten, wähle im Auswahlfeld zunächst das entsprechende Formular aus und klicke auf den Button "Bearbeiten".
- Formular löschen: Um ein bereits erstelltes Formular zu löschen, gehst du zunächst wie bei "Formular bearbeiten" vor. Scrolle in dem ausgewählten Formular bis nach ganz unten. Unterhalb der Ansicht zur Bearbeitung findest du die Möglichkeit, das Formular zu löschen.
Einstellungs- und Anpassungsmöglichkeiten
-
Name: Hinterlege einen Namen für das Formular. Dieser Name ist für die Besucher der Website nicht sichtbar.
-
Überschrift: Hinterlege eine Überschrift für das Formular.
-
Überschrift 2: Hinterlege eine zweite Überschrift für das Formular.
-
Text: Für jedes Formular kann ein Text hinterlegt werden. Der Text kann über den Editor frei formatiert werden.
-
Bestätigungs-E-Mail: Aktiviere das Auswahlkästchen, wenn eine Bestätigungs-E-Mail an die Person gesendet werden soll, die das Formular ausgefüllt hat. Weitere Informationen findest du um Bereich "Bestätigungs-E-Mail".
-
Positionen der Beschriftungen: Wähle die Darstellung der Beschriftung des Formulars.
Folgende Optionen stehen zur Auswahl:- "Systemeinstellungen verwenden": Damit alle Formulare einheitlich und wie im Webdesign vorgesehen dargestellt werden.
- "Label neben dem Formularfeld": Die Beschriftung wird neben dem Feld dargestellt.
- "Label über dem Formularfeld": Die Beschriftung wird über dem Feld dargestellt.
💡Tipp: Wir empfehlen die Option: "Systemeinstellung verwenden", damit alle Formulare auf der Website einheitlich dargestellt werden.
Bestätigungs-E-Mail
Damit eine Bestätigungs-E-Mail versendet werden kann, muss das zunächst an zwei Stellen aktiviert werden. Aktiviere dazu das Auswahlkästchen "Bestätigungs-E-Mail“. Sobald dieses aktiviert ist, muss in den entsprechenden E-Mail-Elementen, welche eine Bestätigungs-E-Mail erhalten sollen, das Auswahlkästchen "Bestätigungs-E-Mail“ aktiviert werden. Wenn der Besucher der Website das Formular abschickt, wird eine E-Mail an die in diesem Feld hinterlegte E-Mail-Adresse gesendet.
Folgende Optionen stehen dir zur Auswahl, wenn das Auswahlkästchen "Bestätigungs-E-Mail" aktiv ist:
-
Bestätigungs-E-Mail: Aktiviere das Auswahlkästchen, wenn eine Bestätigungs-E-Mail mit den Formulardaten an die Person gesendet werden soll, die das Formular ausgefüllt hat.
⚠️ Achtung: Spammer nutzen Formulare mit Bestätigungs-E-Mails gerne, um indirekt 'Werbung' zu versenden. Aktiviere die Bestätigungs-E-Mails also nur, wenn diese für deinen Anwendungsfall zwingend notwendig sind.
💡 Hinweis: Damit die Bestätigungs-E-Mail versendet wird, musst du bei einem Element "E-Mail" zusätzlich das Auswahlkästchen "Bestätigungs-E-Mail" aktivieren. Anschließend wird eine Bestätigungs-E-Mail an die E-Mail-Adresse gesendet, die du in das entsprechende Feld eingetragen hast.
-
E-Mail-Adresse (Absender) (nur sichtbar, wenn das Auswahlkästchen "Bestätigungs-E-Mail" aktiviert wurde): Wähle die E-Mail-Adresse aus, die als Absender für den Versand der Bestätigungs-E-Mail verwendet werden soll. Weitere Informationen findest du im Beitrag Standard-Versandadresse.
-
Betreff (nur sichtbar, wenn das Auswahlkästchen "Bestätigungs-E-Mail" aktiviert wurde): Hinterlege den Betreff der Bestätigungs-E-Mail.
- Inhalt (nur sichtbar, wenn das Auswahlkästchen "Bestätigungs-E-Mail" aktiviert wurde): Hinterlege den Inhalt der Bestätigungs-E-Mail. Der Text kann über den Editor frei formatiert werden. Über das Auswahlfeld "Platzhalter einfügen" kannst du den Platzhalter "Alle Formulardaten" hinzufügen und so eine Zusammenfassung des Formulars mit versenden.
Bereich: Schritte und Elemente
Jedes Formular setzt sich aus einem oder mehreren Schritten zusammen, die als individuelle Seiten betrachtet werden können. Die bereits angelegten Schritte und Elemente des Formulars werden übersichtlich in der Tabelle "Elemente" ausgegeben. Dort kannst du den internen Namen, den Typ, die Position und weitere Informationen wie eine vorhandene Abhängigkeit der angelegten Elemente zusammengefasst sehen. Mit der tabellarischen Ansicht hast du während der Erstellung des Formulars stets einen Überblick über alle Schritte und Elemente. Oberhalb der Tabelle kannst du neue Schritte und unterhalb der Tabelle neue Elemente anlegen.
Tabelle: Elemente
In der Bearbeitung des Formulars werden die Elemente und Schritte tabellarisch ausgegeben. Im Folgenden sind die Spalten der Tabelle und deren Funktionen erklärt:
-
Position: Diese Spalte gibt die Reihenfolge der einzelnen Formularfelder an. Die Position eines Elements bestimmt, an welcher Stelle es im jeweiligen Schritt angezeigt wird. Du kannst die Position der Felder flexibel anpassen, indem du das Element bearbeitest.
-
Typ: In dieser Spalte wird der Typ des jeweiligen Formularfeldes angegeben. Das kann zum Beispiel ein "Textfeld - einzeilig", ein "Auswahlfeld (Select)", oder ein "Bild-Auswahlfeld" sein.
-
Interner Name / Beschriftung: Für Elemente können eine Beschriftung und ein Name hinterlegt werden. Die Beschriftung erscheint im Formular auf der Website neben dem jeweiligen Formularfeld. Der Name hingegen ist nur für dich sichtbar. Wenn ein Name hinterlegt ist, wird dieser in der Tabelle sowie als Spaltenüberschrift in den exportierten Datensätzen im Reiter "Anfragen" verwendet. Ist kein Name hinterlegt, wird stattdessen die Beschriftung ausgegeben.
-
Information: In dieser Spalte wird angezeigt, ob das Feld ein Pflichtfeld ist oder ob es eine Abhängigkeit zu einem anderen Feld aufweist.
-
Aktionen: In dieser Spalte befinden sich die Schaltflächen für verschiedene Aktionen, die du für ein Formularfeld ausführen kannst. Durch einen Klick auf den blauen Stift kannst du den Schritt oder das Element bearbeiten. Ein Klick auf das rote X hingegen löscht den Schritt oder das Element.
Schritte anlegen, bearbeiten & löschen
Schritte helfen dir, Formulare strukturiert aufzubauen. Jeder Schritt kann aus mehreren Elementen bestehen, die du nach Bedarf anordnest. Du kannst die Position des Schritts innerhalb der Tabelle festlegen und bestimmen, ob der Schritt aktiv ist.
-
Schritt anlegen: Überlege dir, wie viele Schritte das Formular benötigt. Für einfache Formulare reicht meist ein einzelner Schritt. Um einen Schritt anzulegen, wähle im Auswahlfeld "Neuen Schritt anlegen" und den Typ sowie die Position des Schrittes. Klicke anschließend auf den Button "Anlegen".
👩💻 Beispiel 1 – Kontaktformular: Beim Erstellen eines neuen Formulars wird automatisch ein erster Schritt inklusive eines Button-Elements erstellt. Um das Kontaktformular zu vervollständigen, füge das Kontaktdaten-Element hinzu.
-
Schritt bearbeiten: Um einen Schritt zu bearbeiten, klicke in der Tabelle "Elemente" in der Spalte: "Aktionen" auf den blauen Stift.
- Schritt löschen: Um einen Schritt zu löschen, klicke in der Tabelle "Elemente" in der Spalte "Aktionen" auf das rote X.
Auswahlmöglichkeiten Schritte
Mit den Schritten kannst du die Eingabe eines Formulars in mehrere Abschnitte unterteilen. So lässt sich beispielsweise in einem ersten Schritt zunächst nach den Personendaten und anschließend im nächsten Schritt nach den Adressdaten fragen. Jeder Schritt kann aus verschiedenen Elementen bestehen, die du flexibel anordnen kannst.
Für ein einfaches Formular empfehlen wir, alle Eingabefelder in einem einzigen Schritt zu bündeln. Bei komplexeren Formularen ist es hingegen sinnvoll, die Eingabe-Elemente thematisch in mehrere Schritte aufzuteilen. Dies erleichtert den Besuchern das Ausfüllen des Formulars.
Je nachdem, ob das Formular aus einem oder mehreren Schritten besteht, stehen dir unterschiedliche Einstellungen für die Schritte zur Verfügung.
Besonderheiten bei Formularen mit mehreren Schritten
Bei komplexeren Formularen ist es sinnvoll, diese in mehrere Schritte zu unterteilen, damit Nutzer den Überblick behalten. Eine Fortschrittsanzeige, z. B. "Schritt 2 von 5“, zeigt, wie weit man ist und wie viele Schritte noch folgen. Zusätzlich können Überschriften die einzelnen Schritte strukturieren.
-
Platzhalter der Überschrift: Folgende Platzhalter kannst du in den Überschriften verwenden:
- "{#SCHRITTNUMMER#}": Gibt den aktuellen Schritt an, in dem sich der Benutzer befindet.
-
"{#SCHRITTANZAHL#}": Gibt die Anzahl der Schritte des Formulars an.
💡 Beispiel: Bei mehrseitigen Formularen kannst du eine Fortschrittsanzeige ausgeben, um mitzuteilen, in welchem Schritt sich der Benutzer befindet.
-
Position: Du kannst die Position des Schrittes mit allen enthaltenen Elementen verschieben. Wähle dazu die Position, an die der Schritt verschoben werden soll.
-
Status: Aktiviere das Auswahlkästchen, um diesen Schritt mit allen enthaltenden aktiven Elementen auszugeben.
-
Text (der Überschrift): Hinterlege einen Text für die Überschrift dieses Schrittes. Dieser wird in der Ausgabe angezeigt.
-
Darstellung (der Überschrift): Wähle, wie die Überschrift dargestellt wird.
Folgende Optionen stehen dir zur Auswahl:- "Überschrift": Diese Überschrift ist die auffälligste und größte Überschrift. Sie wird meist für den Haupttitel verwendet und steht optisch deutlich im Vordergrund. Ihre Schriftgröße ist größer und sie wirkt besonders präsent.
- "Überschrift 2": Diese Überschrift ist etwas kleiner und weniger auffällig. Sie wird genutzt, um Abschnitte innerhalb eines Textes zu strukturieren. Obwohl sie ebenfalls gut sichtbar ist, ordnet sie sich üblicherweise der "Überschrift" unter.
-
"Kleine Überschrift": Diese Überschrift ist weniger auffällig als "Überschrift" und "Überschrift 2". Sie kann genutzt werden, um Inhalte weiter zu unterteilen und Details hervorzuheben. Im Vergleich zu größeren Überschriften ist sie schlichter und dezenter.
-
Position (der Überschrift): Wähle, wo die Überschrift ausgegeben wird.
Folgende Optionen stehen dir zur Auswahl:- "Über dem Formular": Die Überschrift wird direkt über dem Formular ausgegeben. Anpassungen, die du bei "Überschrift", "Überschrift 2" oder "Text" für das Formular festgelegt hast, erscheinen noch oberhalb dieser Hauptüberschrift.
- "Über dem Baustein": Die Überschrift wird über dem Baustein ausgegeben. Anpassungen, die du bei "Überschrift", "Überschrift 2" oder "Text" für das Formular festgelegt hast, erscheinen unterhalb dieser Überschrift.
Folgende Schritt-Typen stehen zur Auswahl:
Du kannst aus drei verschiedenen Schritt-Typen wählen: "Standard", "Bildauswahl" und "Zusammenfassung". Diese Schritt-Typen lassen sich flexibel anordnen und bei Bedarf mehrfach verwenden.
-
Standard: Entspricht einer Blanko-Seite, die du mit beliebigen Elementen füllen kannst. Das Element: "Button" wird automatisch hinzugefügt. Dies ist der meistgenutzte Typ. Du kannst darin beliebige Elemente platzieren.
-
Bildauswahl: Wähle bis zu 4 Bilder aus, die in diesem Schritt angezeigt werden. Ein Klick auf eines der Bilder oder den Button unterhalb bringt dich zum nächsten Schritt des Formulars. Das Element: "Bildauswahl" wird automatisch hinzugefügt.
💡 Tipp: Verwende Bilder, um eine Auswahl der Produkte oder Service-Leistungen darzustellen. Eine visuelle Präsentation kann helfen, das Angebot besser zu verstehen und schneller die passende Lösung zu finden.
-
Zusammenfassung: Zeigt dir eine Zusammenfassung der vorherigen Schritte an.
💡 Tipp: Bei umfangreichen Formularen kann es sinnvoll sein, im letzten Schritt eine Zusammenfassung der bisherigen Eingaben anzuzeigen. Handelt es sich jedoch um ein Formular mit nur einem Schritt, ist eine solche Zusammenfassung in der Regel nicht erforderlich.
Element anlegen, bearbeiten & löschen
Jedes Formular im Formulargenerator setzt sich aus verschiedenen Eingabe-Elementen zusammen, die flexibel innerhalb der Schritte positioniert und individuell angepasst werden können. Für jedes Eingabe-Element lässt sich unter anderem festlegen, wie die Beschriftung aussehen soll, ob es ein Pflichtfeld ist und welche Fehlermeldung bei einer falschen Eingabe angezeigt wird. Darüber hast du die Möglichkeit, einen Status zuzuweisen, um zu bestimmen, ob das Element angezeigt wird. Mit der Abhängigkeitsfunktion kannst du zusätzlich festlegen, dass die Anzeige bestimmter Elemente an bestimmte Bedingungen geknüpft wird.
-
Element anlegen: Wähle im Auswahlfeld den entsprechenden Typ des Elements aus. Wähle außerdem den Schritt, in welchem das Element zu sehen sein soll, und die Position in diesem Schritt aus. Klicke anschließend auf den Button "Anlegen".
-
Element bearbeiten: Um ein Element zu bearbeiten, klicke auf den blauen Stift oberhalb des Feldes zum Anlegen eines Elements.
- Element löschen: Um ein Element zu löschen, klicke auf das rote "X" oberhalb des Feldes zum Anlegen eines Elements.
Folgende Elemente stehen zur Auswahl:
Element: Textfeld - einzeilig
Ein einzeiliges Textfeld. Praktisch, um kurze Informationen zu erfassen.
👩💻 Beispiel: Nachname
- Beschriftung: Hinterlege eine Beschriftung für das Element.
- Beschriftung anzeigen: Aktiviere dieses Auswahlkästchen, wenn die Beschriftung des Formularfelds auf der Website sichtbar ausgegeben werden soll. Auch wenn die Beschriftung ausgeblendet ist, bleibt sie im Hintergrund für Screenreader und andere Hilfsmittel verfügbar, sodass das Formular auch ohne sichtbare Beschriftung barrierefrei genutzt werden kann.
- Name (nur für dich sichtbar): Benenne das Element. Die Benennung ist in der Tabelle "Elemente" für dich sichtbar. Der Name wird außerdem als Spaltenüberschrift in den exportierten Datensätzen im Reiter "Anfragen" ausgegeben. Das ist hilfreich, wenn du die Daten in einer anderen Software weiterverarbeiten möchtest.
- Pflicht: Aktiviere das Auswahlkästchen, um das Textfeld zu einem Pflichtfeld zu machen. Beim Ausfüllen des Formulars muss das entsprechende Feld ausgefüllt werden.
- Fehlermeldung (nur sichtbar, wenn das Auswahlkästchen “Pflicht” aktiv ist): Hinterlege einen Text, der angezeigt wird, wenn das Textfeld nicht ausgefüllt wurde.
- Position: Du kannst die Position des Elements bestimmen. Wähle dazu den Schritt und die Position, an der das Element ausgegeben werden soll.
- Status: Aktiviere das Auswahlkästchen, um dieses Element auszugeben.
-
Abhängigkeiten (nur sichtbar, wenn an einer vorherigen Position in der Tabelle "Elemente" ein Element angelegt wurde, welches Bedingungen vorgeben kann): Wie du Abhängigkeiten einstellst, erfährst du im Bereich "Abhängigkeiten".
Folgende Elemente können Abhängigkeiten vorgeben:
Element: Textfelder - einzeilig - zwei nebeneinander - gleich groß
Zwei einzeilige, gleich große Textfelder nebeneinander. Praktisch, um zusammenhängende Informationen zu erfassen.
👩💻 Beispiel: Textfeld 1: Vorname – Textfeld 2: Nachname
- Beschriftung: Hinterlege eine Beschriftung für das Element.
- Beschriftung anzeigen: Aktiviere dieses Auswahlkästchen, wenn die Beschriftung des Formularfelds auf der Website sichtbar ausgegeben werden soll. Auch wenn die Beschriftung ausgeblendet ist, bleibt sie im Hintergrund für Screenreader und andere Hilfsmittel verfügbar, sodass das Formular auch ohne sichtbare Beschriftung barrierefrei genutzt werden kann.
- Name Textfeld (nur für dich sichtbar): Benenne die beiden Textfelder. Die Benennung ist in der Tabelle "Elemente" für dich sichtbar. Die Namen der Textfelder werden zusätzlich als Spaltenüberschrift in den exportierten Datensätzen im Reiter "Anfragen" ausgegeben. Das ist hilfreich, wenn du die Daten in einer anderen Software weiterverarbeiten möchtest.
- Pflicht Textfeld: Aktiviere die Auswahlkästchen, um die Textfelder zu Pflichtfeldern zu machen. Du kannst beide oder nur eines der Felder zu einem Pflichtfeld machen. Beim Ausfüllen des Formulars müssen die entsprechenden Felder ausgefüllt werden.
- Fehlermeldung Textfeld (nur sichtbar, wenn mindestens ein Auswahlkästchen “Pflicht” aktiv ist): Hinterlege einen Text, der angezeigt wird, wenn das Textfeld, dessen Auswahlkästchen "Pflicht“ aktiv ist, nicht ausgefüllt wurde.
- Position: Du kannst die Position des Elements bestimmen. Wähle dazu den Schritt und die Position, an der das Element ausgegeben werden soll.
- Status: Aktiviere das Auswahlkästchen, um dieses Element auszugeben.
-
Abhängigkeiten (nur sichtbar, wenn an einer vorherigen Position in der Tabelle: "Elemente" ein Element angelegt wurde, welches Bedingungen vorgeben kann): Wie du Abhängigkeiten einstellst, erfährst du im Bereich: "Abhängigkeiten".
Folgende Elemente können Abhängigkeiten vorgeben:
Element: Textfelder - einzeilig - zwei nebeneinander - links klein, rechts groß
Zwei einzeilige Textfelder nebeneinander – links klein, rechts groß. Praktisch, um Daten mit unterschiedlichem Platzbedarf nebeneinander zu erfassen.
👩💻 Beispiel: Textfeld 1: PLZ – Textfeld 2: Ort
- Beschriftung: Hinterlege eine Beschriftung für das Element.
- Beschriftung anzeigen: Aktiviere dieses Auswahlkästchen, wenn die Beschriftung des Formularfelds auf der Website sichtbar ausgegeben werden soll. Auch wenn die Beschriftung ausgeblendet ist, bleibt sie im Hintergrund für Screenreader und andere Hilfsmittel verfügbar, sodass das Formular auch ohne sichtbare Beschriftung barrierefrei genutzt werden kann.
- Name Textfeld (nur für dich sichtbar): Benenne die beiden Textfelder. Die Benennung ist in der Tabelle "Elemente" für dich sichtbar. Die Namen der Textfelder werden zusätzlich als Spaltenüberschrift in den exportierten Datensätzen im Reiter: "Anfragen" ausgegeben. Das ist hilfreich, wenn du die Daten in einer anderen Software weiterverarbeiten möchtest.
- Pflicht: Aktiviere die Auswahlkästchen, um die Textfelder zu Pflichtfeldern zu machen. Du kannst beide oder nur eines der Felder zu einem Pflichtfeld machen. Beim Ausfüllen des Formulars müssen die entsprechenden Felder ausgefüllt werden.
- Fehlermeldung Textfeld (nur sichtbar, wenn mindestens ein Auswahlkästchen “Pflicht” aktiv ist): Hinterlege einen Text, der angezeigt wird, wenn das Textfeld, dessen Auswahlkästchen "Pflicht“ aktiv ist, nicht ausgefüllt wurde.
- Position: Du kannst die Position des Elements bestimmen. Wähle dazu den Schritt und die Position, an der das Element ausgegeben werden soll.
- Status: Aktiviere das Auswahlkästchen, um dieses Element auszugeben.
-
Abhängigkeiten (nur sichtbar, wenn an einer vorherigen Position in der Tabelle "Elemente" ein Element angelegt wurde, welches Bedingungen vorgeben kann): Wie du Abhängigkeiten einstellst, erfährst du im Bereich "Abhängigkeiten".
Folgende Elemente können Abhängigkeiten vorgeben:
Element: Textfelder - einzeilig - zwei nebeneinander - links groß, rechts klein
Zwei einzeilige Textfelder nebeneinander – links groß, rechts klein. Praktisch, um längere Informationen wie Straßennamen oder Beschreibungen zusammen mit einer kurzen Zusatzangabe, etwa der Hausnummer, zu erfassen.
👩💻 Beispiel: Textfeld 1: Straße – Textfeld 2: Hausnummer
- Beschriftung: Hinterlege eine Beschriftung für das Element.
- Beschriftung anzeigen: Aktiviere dieses Auswahlkästchen, wenn die Beschriftung des Formularfelds auf der Website sichtbar ausgegeben werden soll. Auch wenn die Beschriftung ausgeblendet ist, bleibt sie im Hintergrund für Screenreader und andere Hilfsmittel verfügbar, sodass das Formular auch ohne sichtbare Beschriftung barrierefrei genutzt werden kann.
- Name Textfeld (nur für dich sichtbar): Benenne die beiden Textfelder. Die Benennung ist in der Tabelle "Elemente" für dich sichtbar. Die Namen der Textfelder werden zusätzlich als Spaltenüberschrift in den exportierten Datensätzen im Reiter "Anfragen" ausgegeben. Das ist hilfreich, wenn du die Daten in einer anderen Software weiterverarbeiten möchtest.
- Pflicht: Aktiviere die Auswahlkästchen, um die Textfelder zu Pflichtfeldern zu machen. Du kannst beide oder nur eines der Felder zu einem Pflichtfeld machen. Beim Ausfüllen des Formulars müssen die entsprechenden Felder ausgefüllt werden.
- Fehlermeldung Textfeld (nur sichtbar, wenn mindestens ein Auswahlkästchen “Pflicht” aktiv ist): Hinterlege einen Text, der angezeigt wird, wenn das Textfeld, dessen Auswahlkästchen "Pflicht“ aktiv ist, nicht ausgefüllt wurde.
- Position: Du kannst die Position des Elements bestimmen. Wähle dazu den Schritt und die Position, an der das Element ausgegeben werden soll.
- Status: Aktiviere das Auswahlkästchen, um dieses Element auszugeben.
-
Abhängigkeiten (nur sichtbar, wenn an einer vorherigen Position in der Tabelle "Elemente" ein Element angelegt wurde, welches Bedingungen vorgeben kann): Wie du Abhängigkeiten einstellst, erfährst du im Bereich "Abhängigkeiten".
Folgende Elemente können Abhängigkeiten vorgeben:
Element: Textfelder - einzeilig - drei nebeneinander - gleich groß
Drei einzeilige, gleich große Textfelder nebeneinander. Praktisch, um zusammenhängende Eingaben wie etwa Datumsfelder oder separate, aber gleichwichtige Informationen übersichtlich darzustellen.
👩💻 Beispiel: Textfeld 1: Vorname – Textfeld 2: Zweiter Vorname – Textfeld 3: Nachname
- Beschriftung: Hinterlege eine Beschriftung für das Element.
- Beschriftung anzeigen: Aktiviere dieses Auswahlkästchen, wenn die Beschriftung des Formularfelds auf der Website sichtbar ausgegeben werden soll. Auch wenn die Beschriftung ausgeblendet ist, bleibt sie im Hintergrund für Screenreader und andere Hilfsmittel verfügbar, sodass das Formular auch ohne sichtbare Beschriftung barrierefrei genutzt werden kann.
- Name Textfeld (nur für dich sichtbar): Benenne die drei Textfelder. Die Benennung ist in der Tabelle "Elemente" für dich sichtbar. Die Namen der Textfelder werden zusätzlich als Spaltenüberschrift in den exportierten Datensätzen im Reiter "Anfragen" ausgegeben. Das ist hilfreich, wenn du die Daten in einer anderen Software weiterverarbeiten möchtest.
- Pflicht: Aktiviere die Auswahlkästchen, um die Textfelder zu Pflichtfeldern zu machen. Du kannst wählen, welche Textfelder du zu einem Pflichtfeld machen möchtest. Beim Ausfüllen des Formulars müssen die entsprechenden Felder ausgefüllt werden.
- Fehlermeldung Textfeld (nur sichtbar, wenn mindestens ein Auswahlkästchen “Pflicht” aktiv ist): Hinterlege einen Text, der angezeigt wird, wenn das Textfeld, dessen Auswahlkästchen "Pflicht“ aktiv ist, nicht ausgefüllt wurde.
- Position: Du kannst die Position des Elements bestimmen. Wähle dazu den Schritt und die Position, an der das Element ausgegeben werden soll.
- Status: Aktiviere das Auswahlkästchen, um dieses Element auszugeben.
-
Abhängigkeiten (nur sichtbar, wenn an einer vorherigen Position in der Tabelle "Elemente" ein Element angelegt wurde, welches Bedingungen vorgeben kann): Wie du Abhängigkeiten einstellst, erfährst du im Bereich "Abhängigkeiten".
Folgende Elemente können Abhängigkeiten vorgeben:
Element: Textfeld - mehrzeilig
Ein großes, mehrzeiliges Textfeld. Praktisch, um längere Texte oder Beschreibungen zu erfassen.
👩💻 Beispiel: Anmerkungen
- Beschriftung: Hinterlege eine Beschriftung für das Element.
- Beschriftung anzeigen: Aktiviere dieses Auswahlkästchen, wenn die Beschriftung des Formularfelds auf der Website sichtbar ausgegeben werden soll. Auch wenn die Beschriftung ausgeblendet ist, bleibt sie im Hintergrund für Screenreader und andere Hilfsmittel verfügbar, sodass das Formular auch ohne sichtbare Beschriftung barrierefrei genutzt werden kann.
- Name (nur für dich sichtbar): Benenne das Element. Die Benennung ist in der Tabelle "Elemente" für dich sichtbar. Der Name wird zusätzlich als Spaltenüberschrift in den exportierten Datensätzen im Reiter "Anfragen" ausgegeben. Das ist hilfreich, wenn du die Daten in einer anderen Software weiterverarbeiten möchtest.
-
Anordnung: Wähle, wo die "Beschriftung" des Elements ausgegeben wird.
- "Formulareinstellungen verwenden": Es wird der Standard des Bausteins gewählt.
- "Label über Texteingabefeld": Die Beschriftung wird oberhalb des Elements angezeigt.
- "Label neben dem Texteingabefeld": Die Beschriftung wird neben dem Element angezeigt.
- Pflicht: Aktiviere dieses Auswahlkästchen, um das Element zu einem Pflichtfeld zu machen. Beim Ausfüllen des Formulars muss dieses Feld also ausgefüllt werden.
- Fehlermeldung Textfeld (nur sichtbar, wenn das Auswahlkästchen “Pflicht” aktiv ist): Hinterlege einen Text, der angezeigt wird, falls das Pflichtfeld nicht ausgefüllt wurde.
-
Höhe: Wähle die voreingestellte Höhe des Textfelds aus. Es handelt sich um ein dynamisches Textfeld, das sich automatisch vergrößert, wenn mehr Text eingegeben wird.
Folgende Optionen stehen dir zur Auswahl:- "Klein"
- "Normal"
- "Groß"
- Position: Du kannst die Position des Elements bestimmen. Wähle dazu den Schritt und die Position, an der das Element ausgegeben werden soll.
- Status: Aktiviere das Auswahlkästchen, um dieses Element auszugeben.
-
Abhängigkeiten (nur sichtbar, wenn an einer vorherigen Position in der Tabelle "Elemente" ein Element angelegt wurde, welches Bedingungen vorgeben kann): Wie du Abhängigkeiten einstellst, erfährst du im Bereich "Abhängigkeiten".
Folgende Elemente können Abhängigkeiten vorgeben:
Element: Auswahlfeld (Select)
Ein Auswahlfeld, welchem du eine Optionengruppe zuweisen kannst. Praktisch, um Benutzern
eine vordefinierte Liste von Optionen zur Auswahl anzubieten.
👩💻 Beispiel: Auswahlmöglichkeit zwischen "Männlich", "Weiblich" und "Divers"
- Beschriftung: Hinterlege eine Beschriftung für das Element.
- Beschriftung anzeigen: Aktiviere dieses Auswahlkästchen, wenn die Beschriftung des Formularfelds auf der Website sichtbar ausgegeben werden soll. Auch wenn die Beschriftung ausgeblendet ist, bleibt sie im Hintergrund für Screenreader und andere Hilfsmittel verfügbar, sodass das Formular auch ohne sichtbare Beschriftung barrierefrei genutzt werden kann.
- Name (nur für dich sichtbar): Benenne das Element. Die Benennung ist in der Tabelle "Elemente" für dich sichtbar. Der Name wird zusätzlich als Spaltenüberschrift in den exportierten Datensätzen im Reiter "Anfragen" ausgegeben. Das ist hilfreich, wenn du die Daten in einer anderen Software weiterverarbeiten möchtest.
-
Pflicht: Aktiviere dieses Auswahlkästchen, um das Element zu einem Pflichtfeld zu machen. Beim Ausfüllen des Formulars muss dieses Feld also ausgewählt werden.
Wenn ein Auswahlfeld zu einem Pflichtfeld gemacht wird, empfehlen wir, in der zugehörigen Optionengruppe unter dem Reiter "Formular-Optionen" eine Option "Bitte wählen" zu definieren. Damit diese "Bitte wählen"-Option nicht als gültige Eingabe gewertet wird, ist es wichtig, das Auswahlkästchen "Keine Auswahl"-Option“ zu aktivieren. Da bei Auswahlfeldern standardmäßig eine Option vorausgewählt ist, empfiehlt es sich, eine "Keine Auswahl“-Option hinzuzufügen, damit der Besucher bewusst eine Entscheidung treffen kann. - Fehlermeldung (nur sichtbar, wenn das Auswahlkästchen “Pflicht” aktiv ist): Hinterlege einen Text, der angezeigt wird, falls das Pflichtfeld nicht ausgewählt wurde.
- Optionengruppe / vorausgewählt: Wähle eine vorher erstellte Optionengruppe und die vorausgewählte Option aus. Mehr zu Optionengruppen erfährst du im Reiter "Formular-Optionen".
- Info-E-Mail versenden (nur sichtbar, wenn die Option "E-Mail-Versand" bei der gewählten Optionengruppe eingestellt ist): Aktiviere das Auswahlkästchen, um die "Info-E-Mail" an die in der Formular-Option hinterlegte E-Mail-Adresse zu erhalten.
- Position: Du kannst die Position des Elements bestimmen. Wähle dazu den Schritt und die Position, an der das Element ausgegeben werden soll.
- Status: Aktiviere das Auswahlkästchen, um dieses Element auszugeben.
-
Abhängigkeiten (nur sichtbar, wenn an einer vorherigen Position in der Tabelle "Elemente" ein Element angelegt wurde, welches Bedingungen vorgeben kann): Wie du Abhängigkeiten einstellst, erfährst du im Bereich "Abhängigkeiten".
Folgende Elemente können Abhängigkeiten vorgeben:
Element: Auswahl / Bestätigungskasten (Checkbox)
Eine Checkbox, mit der du eine einzelne Option abfragen kannst. Praktisch, um Benutzern eine Möglichkeit zur Aktivierung oder Deaktivierung einer Option zu bieten.
👩💻 Beispiel: Alternative Briefanschrift
- Beschriftung: Hinterlege eine Beschriftung für das Element.
- Beschriftung anzeigen: Aktiviere dieses Auswahlkästchen, wenn die Beschriftung des Formularfelds auf der Website sichtbar ausgegeben werden soll. Auch wenn die Beschriftung ausgeblendet ist, bleibt sie im Hintergrund für Screenreader und andere Hilfsmittel verfügbar, sodass das Formular auch ohne sichtbare Beschriftung barrierefrei genutzt werden kann.
- Name (nur für dich sichtbar): Benenne das Element. Die Benennung ist in der Tabelle "Elemente" für dich sichtbar. Der Name wird zusätzlich als Spaltenüberschrift in den exportierten Datensätzen im Reiter "Anfragen" ausgegeben. Das ist hilfreich, wenn du die Daten in einer anderen Software weiterverarbeiten möchtest.
- Pflicht: Aktiviere dieses Auswahlkästchen, um das Element zu einem Pflichtfeld zu machen. Beim Ausfüllen des Formulars muss dieses Feld also ausgewählt werden.
- Fehlermeldung (nur sichtbar, wenn das Auswahlkästchen “Pflicht” aktiv ist): Hinterlege einen Text, der angezeigt wird, falls das Pflichtfeld nicht ausgewählt wurde.
-
Option: Wähle eine einzelne Option einer vorher erstellten Optionengruppe aus. Die Beschriftung wird rechts neben dem Auswahl / Bestätigungskasten (Checkbox) ausgegeben. Mehr zu Optionengruppen erfährst du im Reiter "Formular-Optionen".
👩💻 Beispiel: Um im Formular die Zustimmung zu den AGB abzufragen, legst du im Reiter "Formular-Optionen“ eine neue Optionengruppe namens "AGB-Zustimmung“ an. Erstelle darin die Option "Zustimmung erteilt“. Wechsle anschließend zum Reiter "Formulare“, wähle das gewünschte Formular aus und füge das Element "Auswahl / Bestätigungskasten (Checkbox)“ hinzu. Hinterlege bei der Beschriftung den Text "Ich bestätige, die AGB gelesen zu haben und stimme diesen zu.“.
Unter "Option“ wählst du die Gruppe "AGB-Zustimmung“ und die Option "Zustimmung erteilt“ aus. Anschließend legst du noch die "Position“ fest, an welcher Stelle im Formular dieses Element angezeigt wird. - Position: Du kannst die Position des Elements bestimmen. Wähle dazu den Schritt und die Position, an der das Element ausgegeben werden soll.
- Status: Aktiviere das Auswahlkästchen, um dieses Element auszugeben.
-
Abhängigkeiten (nur sichtbar, wenn an einer vorherigen Position in der Tabelle "Elemente" ein Element angelegt wurde, welches Bedingungen vorgeben kann): Wie du Abhängigkeiten einstellst, erfährst du im Bereich "Abhängigkeiten".
Folgende Elemente können Abhängigkeiten vorgeben:
Element: Auswahl / Bestätigungskasten mit formatierbarem Text und Link (Checkbox + Editor)
Erstelle eine Checkbox, die neben einem von dir verfassten Text angezeigt wird. Praktisch, um eine Zustimmung zu einer formatierbaren Erklärung einzuholen.
👩💻 Beispiel: Einwilligung Datenschutz
- Beschriftung: Hinterlege eine Beschriftung für das Element.
- Beschriftung anzeigen: Aktiviere dieses Auswahlkästchen, wenn die Beschriftung des Formularfelds auf der Website sichtbar ausgegeben werden soll. Auch wenn die Beschriftung ausgeblendet ist, bleibt sie im Hintergrund für Screenreader und andere Hilfsmittel verfügbar, sodass das Formular auch ohne sichtbare Beschriftung barrierefrei genutzt werden kann.
- Name (nur für dich sichtbar): Benenne das Element. Die Benennung ist in der Tabelle "Elemente" für dich sichtbar. Der Name wird zusätzlich als Spaltenüberschrift in den exportierten Datensätzen im Reiter "Anfragen" ausgegeben. Das ist hilfreich, wenn du die Daten in einer anderen Software weiterverarbeiten möchtest.
- Pflicht: Aktiviere dieses Auswahlkästchen, um das Element zu einem Pflichtfeld zu machen. Beim Ausfüllen des Formulars muss dieses Feld also ausgewählt werden.
- Fehlermeldung (nur sichtbar, wenn das Auswahlkästchen “Pflicht” aktiv ist): Hinterlege einen Text, der angezeigt wird, falls das Pflichtfeld nicht ausgewählt wurde.
- Text: Verfasse einen Text, der neben der Checkbox angezeigt wird. Der Text kann über den Editor frei formatiert werden.
- Position: Du kannst die Position des Elements bestimmen. Wähle dazu den Schritt und die Position, an der das Element ausgegeben werden soll.
- Status: Aktiviere das Auswahlkästchen, um dieses Element auszugeben.
-
Abhängigkeiten (nur sichtbar, wenn an einer vorherigen Position in der Tabelle "Elemente" ein Element angelegt wurde, welches Bedingungen vorgeben kann): Wie du Abhängigkeiten einstellst, erfährst du im Bereich "Abhängigkeiten".
Folgende Elemente können Abhängigkeiten vorgeben:
Element: Mehrfachauswahl / Bestätigungskastengruppe (gruppierte Checkboxen)
Eine Gruppe von Checkboxen, der du eine Optionengruppe zuweisen kannst. Praktisch, um Nutzern die Auswahl mehrerer Optionen aus einer Optionengruppe zu ermöglichen.
👩💻 Beispiel: Interessengebiete (Fußball, Basketball, Handball)
- Beschriftung: Hinterlege eine Beschriftung für das Element.
- Beschriftung anzeigen: Aktiviere dieses Auswahlkästchen, wenn die Beschriftung des Formularfelds auf der Website sichtbar ausgegeben werden soll. Auch wenn die Beschriftung ausgeblendet ist, bleibt sie im Hintergrund für Screenreader und andere Hilfsmittel verfügbar, sodass das Formular auch ohne sichtbare Beschriftung barrierefrei genutzt werden kann.
- Name (nur für dich sichtbar): Benenne das Element. Die Benennung ist in der Tabelle "Elemente" für dich sichtbar. Der Name wird zusätzlich als Spaltenüberschrift in den exportierten Datensätzen im Reiter "Anfragen" ausgegeben. Das ist hilfreich, wenn du die Daten in einer anderen Software weiterverarbeiten möchtest.
- Pflicht: Aktiviere dieses Auswahlkästchen, um das Element zu einem Pflichtfeld zu machen. Beim Ausfüllen des Formulars muss also mindestens eine der Optionen ausgewählt werden.
- Fehlermeldung (nur sichtbar, wenn das Auswahlkästchen “Pflicht” aktiv ist): Hinterlege einen Text, der angezeigt wird, falls das jeweilige Pflichtfeld nicht ausgewählt wurde.
- Optionengruppe: Wähle eine vorher erstellte Optionengruppe aus. Für jede Option dieser Optionengruppe wird eine Checkbox erstellt. Sollte in der Optionengruppe bei einer Option das Auswahlkästchen ""Keine Auswahl"-Option" aktiviert sein, wird diese Option automatisch ausgeblendet. Mehr zu Optionengruppen erfährst du im Reiter "Formular-Optionen".
- Position: Du kannst die Position des Elements bestimmen. Wähle dazu den Schritt und die Position, an der das Element ausgegeben werden soll.
- Status: Aktiviere das Auswahlkästchen, um dieses Element auszugeben.
-
Abhängigkeiten (nur sichtbar, wenn an einer vorherigen Position in der Tabelle "Elemente" ein Element angelegt wurde, welches Bedingungen vorgeben kann): Wie du Abhängigkeiten einstellst, erfährst du im Bereich "Abhängigkeiten".
Folgende Elemente können Abhängigkeiten vorgeben:
Element: Optionsschaltflächen (Radio-Buttons)
Verwende Optionsschaltflächen für eine Auswahl aus zwei oder mehr Optionen, die sich gegenseitig ausschließen sollen. Sobald eine Auswahl getroffen wurde, kann diese nur durch eine andere Option geändert werden, aber nicht vollständig abgewählt werden. Praktisch, um Nutzern die Auswahl einer einzigen Option aus einer Optionengruppe zu ermöglichen.
👩💻 Beispiel: Beantwortung von "Ja / Nein" Fragen
- Beschriftung: Hinterlege eine Beschriftung für das Element.
- Beschriftung anzeigen: Aktiviere dieses Auswahlkästchen, wenn die Beschriftung des Formularfelds auf der Website sichtbar ausgegeben werden soll. Auch wenn die Beschriftung ausgeblendet ist, bleibt sie im Hintergrund für Screenreader und andere Hilfsmittel verfügbar, sodass das Formular auch ohne sichtbare Beschriftung barrierefrei genutzt werden kann.
- Name (nur für dich sichtbar): Benenne das Element. Die Benennung ist in der Tabelle "Elemente" für dich sichtbar. Der Name wird zusätzlich als Spaltenüberschrift in den exportierten Datensätzen im Reiter "Anfragen" ausgegeben. Das ist hilfreich, wenn du die Daten in einer anderen Software weiterverarbeiten möchtest.
- Pflicht: Aktiviere dieses Auswahlkästchen, um das Element zu einem Pflichtfeld zu machen. Beim Ausfüllen des Formulars muss also mindestens eine Option ausgewählt werden.
- Fehlermeldung (nur sichtbar, wenn das Auswahlkästchen “Pflicht” aktiv ist): Hinterlege einen Text, der angezeigt wird, falls das jeweilige Pflichtfeld nicht ausgewählt wurde.
- Optionengruppe / vorausgewählt: Wähle eine vorher erstellte Optionengruppe aus. Für jede Option dieser Optionengruppe wird ein Auswahlkasten erstellt. Außerdem kannst du festlegen, welche Option der Optionengruppe bereits vorausgewählt ist. Sollte in der Optionengruppe bei einer Option das Auswahlkästchen ""Keine Auswahl"-Option" aktiviert sein, wird diese Option automatisch ausgeblendet. Mehr zu Optionengruppen erfährst du im Reiter "Formular-Optionen".
- Position: Du kannst die Position des Elements bestimmen. Wähle dazu den Schritt und die Position, an der das Element ausgegeben werden soll.
- Status: Aktiviere das Auswahlkästchen, um dieses Element auszugeben.
-
Abhängigkeiten (nur sichtbar, wenn an einer vorherigen Position in der Tabelle "Elemente" ein Element angelegt wurde, welches Bedingungen vorgeben kann): Wie du Abhängigkeiten einstellst, erfährst du im Bereich "Abhängigkeiten".
Folgende Elemente können Abhängigkeiten vorgeben:
Element: Bild-Auswahlfeld (kann nur für den Schritt "Bildauswahl" gewählt werden)
Wähle bis zu 4 Bilder aus, die in diesem Schritt angezeigt werden. Ein Klick auf eines der Bilder oder den Button unterhalb bringt dich zum nächsten Schritt des Formulars. Bitte beachte, dass das Element "Bild-Auswahlfeld" ausschließlich im Schritt "Bildauswahl" verwendet werden kann und in diesem Schritt keine anderen Elemente verfügbar sind. Praktisch, um eine Auswahl eines Bildes aus einer vordefinierten Galerie zu ermöglichen.
👩💻 Beispiel: Produktauswahl mit 4 verschiedenen Produkten
- Beschriftung: Hinterlege eine Beschriftung für das Element. Diese Beschriftung wird im Formular neben dem Formularfeld für die Besucher der Website angezeigt.
- Name (nur für dich sichtbar): Benenne das Element. Die Benennung ist in der Tabelle "Elemente" für dich sichtbar. Der Name wird zusätzlich als Spaltenüberschrift in den exportierten Datensätzen im Reiter "Anfragen" ausgegeben. Das ist hilfreich, wenn du die Daten in einer anderen Software weiterverarbeiten möchtest.
- Name (Bild) (nur für dich sichtbar): Wähle einen Namen für die bis zu 4 möglichen Bilder. Dieser Name ist für die Besucher der Website nicht sichtbar.
- Bild: Wähle bis zu 4 Bilder aus dem Media-Manager aus, die in diesem Schritt des Formulars als Auswahlmöglichkeit angezeigt werden.
- Überschrift: Hinterlege Überschriften für die Bilder.
- Text: Versehe die Bilder mit einem Text.
- Button Beschriftung: Du kannst unter jedem Bild optional einen Button ausgeben, indem du einen Text hinterlegst.
- Position: Du kannst die Position des Elements bestimmen. Wähle dazu den Schritt und die Position, an der das Element ausgegeben werden soll.
- Status: Aktiviere das Auswahlkästchen, um dieses Element auszugeben.
Element: Datum
Erweitere das Formular um ein Element, mit dem ein Datum angegeben werden kann.
👩💻 Beispiel: Geburtsdatum
💡 Hinweis: Das Datum kann per Tastatur eingegeben oder, je nach Browser und Betriebssystem, über einen ausklappbaren Kalender ausgewählt werden, der beim Klicken auf das Eingabefeld oder auf ein kleines Kalendersymbol rechts im Eingabefeld erscheint.
- Beschriftung: Hinterlege eine Beschriftung für das Element.
- Beschriftung anzeigen: Aktiviere dieses Auswahlkästchen, wenn die Beschriftung des Formularfelds auf der Website sichtbar ausgegeben werden soll. Auch wenn die Beschriftung ausgeblendet ist, bleibt sie im Hintergrund für Screenreader und andere Hilfsmittel verfügbar, sodass das Formular auch ohne sichtbare Beschriftung barrierefrei genutzt werden kann.
- Name (nur für dich sichtbar): Benenne das Element. Die Benennung ist in der Tabelle "Elemente" für dich sichtbar. Der Name wird zusätzlich als Spaltenüberschrift in den exportierten Datensätzen im Reiter "Anfragen" ausgegeben. Das ist hilfreich, wenn du die Daten in einer anderen Software weiterverarbeiten möchtest.
- Pflicht: Aktiviere dieses Auswahlkästchen, um das Element zu einem Pflichtfeld zu machen. Beim Ausfüllen des Formulars muss das Datum also angegeben werden.
- Fehlermeldung (nur sichtbar, wenn das Auswahlkästchen “Pflicht” aktiv ist): Hinterlege einen Text, der angezeigt wird, falls das Pflichtfeld nicht ausgefüllt wurde.
-
Zeitformat: Wähle, in welchem Format das Datum eingegeben und anschließend ausgegeben werden soll.
- "dd.mm.yyyy": Tag.Monat.Jahr – 10.05.2024
- "yyyy-mm-dd": Jahr-Monat-Tag – 2024-05-10
-
Fehlermeldung bei invalider Datumsangabe: Hinterlege einen Text, der erscheint, wenn das Datum nicht korrekt ausgefüllt wurde.
💡 Hinweis: Das Datum wird auf Gültigkeit geprüft, einschließlich der Berücksichtigung von Schaltjahren und der Korrektheit des angegebenen Datums.
- Position: Du kannst die Position des Elements bestimmen. Wähle dazu den Schritt und die Position, an der das Element ausgegeben werden soll.
- Status: Aktiviere das Auswahlkästchen, um dieses Element auszugeben.
-
Abhängigkeiten (nur sichtbar, wenn an einer vorherigen Position in der Tabelle "Elemente" ein Element angelegt wurde, welches Bedingungen vorgeben kann): Wie du Abhängigkeiten einstellst, erfährst du im Bereich "Abhängigkeiten".
Folgende Elemente können Abhängigkeiten vorgeben:
Element: Uhrzeit
Erweitere das Formular um ein Element, mit dem eine Uhrzeit angegeben werden kann.
👩💻 Beispiel: Terminbuchung
💡 Hinweis: Die Uhrzeit kann per Tastatur eingegeben oder, je nach Browser und Betriebssystem, über ein ausklappbares Auswahlfeld ausgewählt werden, das beim Klicken auf das Eingabefeld oder auf ein kleines Uhr-Symbol rechts im Eingabefeld erscheint.
- Beschriftung: Hinterlege eine Beschriftung für das Element.
- Beschriftung anzeigen: Aktiviere dieses Auswahlkästchen, wenn die Beschriftung des Formularfelds auf der Website sichtbar ausgegeben werden soll. Auch wenn die Beschriftung ausgeblendet ist, bleibt sie im Hintergrund für Screenreader und andere Hilfsmittel verfügbar, sodass das Formular auch ohne sichtbare Beschriftung barrierefrei genutzt werden kann.
- Name (nur für dich sichtbar): Benenne das Element. Die Benennung ist in der Tabelle "Elemente" für dich sichtbar. Der Name wird zusätzlich als Spaltenüberschrift in den exportierten Datensätzen im Reiter "Anfragen" ausgegeben. Das ist hilfreich, wenn du die Daten in einer anderen Software weiterverarbeiten möchtest.
- Pflicht: Aktiviere dieses Auswahlkästchen, um das Element zu einem Pflichtfeld zu machen. Beim Ausfüllen des Formulars muss die Uhrzeit also angegeben werden.
- Fehlermeldung (nur sichtbar, wenn das Auswahlkästchen “Pflicht” aktiv ist): Hinterlege einen Text, der angezeigt wird, falls das Pflichtfeld nicht ausgefüllt wurde.
-
Zeitformat: Wähle, in welchem Format die Uhrzeit eingegeben und anschließend ausgegeben werden soll.
- "hh:mm": Stunde:Minute – 12:30
- "hh:mm:ss": Stunde:Minute:Sekunde – 12:30:15
-
Fehlermeldung bei invalider Zeitangabe: Hinterlege einen Text, der erscheint, wenn die Uhrzeit nicht korrekt ausgefüllt wurde.
💡 Hinweis: Die Uhrzeit wird auf Gültigkeit geprüft, einschließlich der korrekten Stunden- und Minutenangaben im entsprechenden Format.
- Position: Du kannst die Position des Elements bestimmen. Wähle dazu den Schritt und die Position, an der das Element ausgegeben werden soll.
- Status: Aktiviere das Auswahlkästchen, um dieses Element auszugeben.
-
Abhängigkeiten (nur sichtbar, wenn an einer vorherigen Position in der Tabelle "Elemente" ein Element angelegt wurde, welches Bedingungen vorgeben kann): Wie du Abhängigkeiten einstellst, erfährst du im Bereich "Abhängigkeiten".
Folgende Elemente können Abhängigkeiten vorgeben:
Element: Datum und Uhrzeit
Erweitere das Formular um ein Element, mit dem ein Datum und eine Uhrzeit angegeben werden können.
👩💻 Beispiel: Terminbuchung
💡 Hinweis: Das Datum und die Uhrzeit können per Tastatur eingegeben oder, je nach Browser und Betriebssystem, über einen ausklappbaren Kalender oder ein ausklappbares Auswahlfeld ausgewählt werden, die beim Klicken auf das Eingabefeld oder auf das entsprechende Symbol rechts im Eingabefeld erscheinen.
- Beschriftung: Hinterlege eine Beschriftung für das Element.
- Beschriftung anzeigen: Aktiviere dieses Auswahlkästchen, wenn die Beschriftung des Formularfelds auf der Website sichtbar ausgegeben werden soll. Auch wenn die Beschriftung ausgeblendet ist, bleibt sie im Hintergrund für Screenreader und andere Hilfsmittel verfügbar, sodass das Formular auch ohne sichtbare Beschriftung barrierefrei genutzt werden kann.
- Name (nur für dich sichtbar): Benenne das Element. Die Benennung ist in der Tabelle "Elemente" für dich sichtbar. Der Name wird zusätzlich als Spaltenüberschrift in den exportierten Datensätzen im Reiter "Anfragen" ausgegeben. Das ist hilfreich, wenn du die Daten in einer anderen Software weiterverarbeiten möchtest.
- Pflicht: Aktiviere dieses Auswahlkästchen, um das Element zu einem Pflichtfeld zu machen. Beim Ausfüllen des Formulars müssen das Datum und die Uhrzeit also angegeben werden.
- Fehlermeldung (nur sichtbar, wenn das Auswahlkästchen “Pflicht” aktiv ist): Hinterlege einen Text, der angezeigt wird, falls das Pflichtfeld nicht ausgefüllt wurde.
-
Zeitformat: Wähle, in welchem Format das Datum und die Uhrzeit eingegeben und anschließend ausgegeben werden sollen.
- "dd.mm.yyyy hh:mm": Tag.Monat.Jahr, Stunde:Minute – 10.05.2024, 12:30
- "yyyy-mm-dd hh:mm": Jahr-Monat-Tag, Stunde:Minute" – 2024-05-10, 12:30
- "dd.mm.yyyy hh:mm:ss": Tag.Monat.Jahr, Stunde:Minute:Sekunde – 10.05.2024, 12:30:15
- "yyyy-mm-dd hh:mm": Jahr-Monat-Tag, Stunde:Minute:Sekunde" – 2024-05-10, 12:30:15
-
Fehlermeldung bei invalider Datumsangabe: Hinterlege einen Text, der erscheint, wenn das Datum nicht korrekt ausgefüllt wurde.
💡 Hinweis: Das Datum wird auf Gültigkeit geprüft, einschließlich Schaltjahren und der Existenz des angegebenen Datums.
-
Fehlermeldung bei invalider Zeitangabe: Hinterlege einen Text, der erscheint, wenn die Uhrzeit nicht korrekt ausgefüllt wurde.
💡 Hinweis: Die Uhrzeit wird auf Gültigkeit geprüft, einschließlich der korrekten Stunden- und Minutenangaben im entsprechenden Format.
- Position: Du kannst die Position des Elements bestimmen. Wähle dazu den Schritt und die Position, an der das Element ausgegeben werden soll.
- Status: Aktiviere das Auswahlkästchen, um dieses Element auszugeben.
-
Abhängigkeiten (nur sichtbar, wenn an einer vorherigen Position in der Tabelle "Elemente" ein Element angelegt wurde, welches Bedingungen vorgeben kann): Wie du Abhängigkeiten einstellst, erfährst du im Bereich "Abhängigkeiten".
Folgende Elemente können Abhängigkeiten vorgeben:
Element: E-Mail
Erweitere das Formular um ein Element, mit dem eine E-Mail-Adresse angegeben werden kann. Die Bestätigungs-E-Mail des Formulars kann optional an die hier eingegebene E-Mail-Adresse gesendet werden.
👩💻 Beispiel: Kontaktaufnahme
- Beschriftung: Hinterlege eine Beschriftung für das Element.
- Beschriftung anzeigen: Aktiviere dieses Auswahlkästchen, wenn die Beschriftung des Formularfelds auf der Website sichtbar ausgegeben werden soll. Auch wenn die Beschriftung ausgeblendet ist, bleibt sie im Hintergrund für Screenreader und andere Hilfsmittel verfügbar, sodass das Formular auch ohne sichtbare Beschriftung barrierefrei genutzt werden kann.
- Name (nur für dich sichtbar): Benenne das Element. Die Benennung ist in der Tabelle "Elemente" für dich sichtbar. Der Name wird zusätzlich als Spaltenüberschrift in den exportierten Datensätzen im Reiter "Anfragen" ausgegeben. Das ist hilfreich, wenn du die Daten in einer anderen Software weiterverarbeiten möchtest.
- Pflicht: Aktiviere dieses Auswahlkästchen, um das Element zu einem Pflichtfeld zu machen. Beim Ausfüllen des Formulars muss dieses Feld also ausgefüllt werden.
- Fehlermeldung (nur sichtbar, wenn das Auswahlkästchen “Pflicht” aktiv ist): Hinterlege einen Text, der angezeigt wird, falls das Pflichtfeld nicht ausgefüllt wurde.
- Fehlermeldung bei ungültigem E-Mail-Format: Hinterlege einen Text, der erscheint, wenn die E-Mail-Adresse nicht korrekt ausgefüllt wurde.
- Bestätigungs-E-Mail: Aktiviere das Auswahlkästchen, wenn die Bestätigungs-E-Mail an die hier hinterlegte E-Mail-Adresse verschickt werden soll. Mehr zur Bestätigungs-E-Mail.
- Position: Du kannst die Position des Elements bestimmen. Wähle dazu den Schritt und die Position, an der das Element ausgegeben werden soll.
- Status: Aktiviere das Auswahlkästchen, um dieses Element auszugeben.
-
Abhängigkeiten (nur sichtbar, wenn an einer vorherigen Position in der Tabelle "Elemente" ein Element angelegt wurde, welches Bedingungen vorgeben kann): Wie du Abhängigkeiten einstellst, erfährst du im Bereich "Abhängigkeiten".
Folgende Elemente können Abhängigkeiten vorgeben:
Element: Datei
Erweitere das Formular um ein Element, mit dem eine Datei hochgeladen werden kann. Praktisch, um Dokumente, Bilder oder Nachweise abzufragen.
👩💻 Beispiel: Lebenslauf
- Beschriftung: Hinterlege eine Beschriftung für das Element.
- Beschriftung anzeigen: Aktiviere dieses Auswahlkästchen, wenn die Beschriftung des Formularfelds auf der Website sichtbar ausgegeben werden soll. Auch wenn die Beschriftung ausgeblendet ist, bleibt sie im Hintergrund für Screenreader und andere Hilfsmittel verfügbar, sodass das Formular auch ohne sichtbare Beschriftung barrierefrei genutzt werden kann.
- Name (nur für dich sichtbar): Benenne das Element. Die Benennung ist in der Tabelle "Elemente" für dich sichtbar. Der Name wird zusätzlich als Spaltenüberschrift in den exportierten Datensätzen im Reiter "Anfragen" ausgegeben. Das ist hilfreich, wenn du die Daten in einer anderen Software weiterverarbeiten möchtest.
- Pflicht: Aktiviere dieses Auswahlkästchen, um das Element zu einem Pflichtfeld zu machen. Beim Ausfüllen des Formulars muss dann eine Datei hochgeladen werden.
- Fehlermeldung (nur sichtbar, wenn das Auswahlkästchen “Pflicht” aktiv ist): Hinterlege einen Text, der angezeigt wird, falls das Pflichtfeld nicht ausgefüllt wurde.
-
Erlaubte Dateigröße: Wähle die maximal zulässige Dateigröße für den Upload aus.
Folgende Optionen stehen dir zur Auswahl:- “1MB”
- “2MB”
- “4MB”
- “10MB”
- “16MB”
- “Unbegrenzt”
- Fehlermeldung "ungültige Dateigröße": Hinterlege einen Text, der angezeigt wird, wenn die Datei größer als die unter "Erlaubte Dateigröße“ definierte Dateigröße ist.
-
Erlaubte Dateiformate: Wähle aus, welche Dateiformate hochgeladen werden dürfen.
Folgende Optionen stehen dir zur Auswahl:- “Alle”
- “Normale Dateien (Dokumente & Medien)”
- “Dokumente (pdf, doc, txt, …)”
- “Medien (Bilder, Audio, Video)”
- “Video (mp4, mpeg, …)”
- “Audio Dateien (mp3)”
- “Bilder (jpg, png, gif)”
- Fehlermeldung "ungültiges Dateiformat": Hinterlege einen Text, der angezeigt wird, wenn ein nicht erlaubtes Dateiformat hochgeladen wird.
-
Info-E-Mail: Wähle aus, wie die hochgeladene Datei in der Info-E-Mail ausgegeben werden soll.
Folgende Optionen stehen dir zur Auswahl:- “Datei als Download-Link in Info-E-Mail”: Die Datei wird in der Info-E-Mail als Link bereitgestellt.
- “Datei als Anhang in Info-E-Mail”: Die Datei wird der Info-E-Mail direkt als Anhang hinzugefügt.
💡 Tipp: Beide Auswahlen haben Vorteile. Wähle je nach Anwendungsfall. Bei der Option "Datei als Anhang“ liegen die Dateien direkt im E-Mail-Postfach und sind sofort verfügbar. Diese Variante kann außerdem bei bestimmten Sicherheitskonzepten hilfreich sein.
Bei der Option "Datei als Download-Link“ werden die Dateien im CMS gespeichert und können über die E-Mail heruntergeladen werden. Dadurch bleibt das E-Mail-Postfach kleiner. Beachte jedoch, dass je nach Anbieter Größenbeschränkungen für Anhänge bzw. einzelne E-Mails bestehen können. Prüfe daher die erlaubte E-Mail-Größe, wenn du diese Variante nutzt. - Position: Du kannst die Position des Elements bestimmen. Wähle dazu den Schritt und die Position, an der das Element ausgegeben werden soll.
- Status: Aktiviere das Auswahlkästchen, um dieses Element auszugeben.
-
Abhängigkeiten (nur sichtbar, wenn an einer vorherigen Position in der Tabelle "Elemente" ein Element angelegt wurde, welches Bedingungen vorgeben kann): Wie du Abhängigkeiten einstellst, erfährst du im Bereich "Abhängigkeiten".
Folgende Elemente können Abhängigkeiten vorgeben:
Element: IBAN + BIC
Erweitere das Formular um ein Element, mit dem eine IBAN und die zugehörige BIC angegeben werden können.
👩💻 Beispiel: Kontodaten
💡 Hinweis: Die IBAN wird mithilfe einer Prüfsummenberechnung validiert, während die BIC zusätzlich überprüft wird, um fehlerhafte Eingaben zu verhindern.
-
Beschriftung: Hinterlege eine Beschriftung für das IBAN-Feld.
💡 Hinweis: Das BIC-Feld kann separat aktiviert werden und auch hierfür kann eine Beschriftung hinterlegt werden.
- Beschriftung anzeigen: Aktiviere dieses Auswahlkästchen, wenn die Beschriftung des Formularfelds auf der Website sichtbar ausgegeben werden soll. Auch wenn die Beschriftung ausgeblendet ist, bleibt sie im Hintergrund für Screenreader und andere Hilfsmittel verfügbar, sodass das Formular auch ohne sichtbare Beschriftung barrierefrei genutzt werden kann.
- Name (nur für dich sichtbar): Benenne das IBAN-Feld. Die Benennung ist in der Tabelle "Elemente" für dich sichtbar. Der Name wird zusätzlich als Spaltenüberschrift in den exportierten Datensätzen im Reiter "Anfragen" ausgegeben. Das ist hilfreich, wenn du die Daten in einer anderen Software weiterverarbeiten möchtest.
- Pflicht: Aktiviere dieses Auswahlkästchen, um das Element zu einem Pflichtfeld zu machen. Beim Ausfüllen des Formulars müssen die IBAN + BIC also ausgefüllt werden.
- Fehlermeldung (nur sichtbar, wenn das Auswahlkästchen “Pflicht” aktiv ist): Hinterlege einen Text, der erscheint, wenn das Pflichtfeld nicht ausgefüllt wurde.
- Fehlermeldung "Landeskennzahl fehlerhaft": Hinterlege einen Text, der erscheint, wenn die Landeskennzahl nicht korrekt ausgefüllt wurde.
- Fehlermeldung "Format fehlerhaft": Hinterlege einen Text, der erscheint, wenn das Format der IBAN fehlerhaft ist.
- Fehlermeldung "Prüfsumme fehlerhaft": Hinterlege einen Text, der erscheint, wenn die Prüfsumme der IBAN (die ersten zwei Zahlen nach dem DE) fehlerhaft ist.
- BIC: Aktiviere das Auswahlkästchen, um die BIC abzufragen.
- Beschriftung BIC: Hinterlege eine Beschriftung für das BIC-Feld. Die Beschriftung wird im Formular neben dem jeweiligen Feld für die Besucher der Website angezeigt.
- Name BIC (nur für dich sichtbar): Benenne das BIC-Feld. Die Benennung ist in der Tabelle "Elemente" für dich sichtbar. Der Name wird zusätzlich als Spaltenüberschrift in den exportierten Datensätzen im Reiter "Anfragen" ausgegeben. Das ist hilfreich, wenn du die Daten in einer anderen Software weiterverarbeiten möchtest.
- Fehlermeldung "Keine BIC eingegeben": Hinterlege einen Text, der erscheint, wenn keine BIC eingegeben wurde.
- Fehlermeldung "BIC fehlerhaft": Hinterlege einen Text, der erscheint, wenn die BIC fehlerhaft eingegeben wurde.
- Position: Du kannst die Position des Elements bestimmen. Wähle dazu den Schritt und die Position, an der das Element ausgegeben werden soll.
- Status: Aktiviere das Auswahlkästchen, um dieses Element auszugeben.
-
Abhängigkeiten (nur sichtbar, wenn an einer vorherigen Position in der Tabelle "Elemente" ein Element angelegt wurde, welches Bedingungen vorgeben kann): Wie du Abhängigkeiten einstellst, erfährst du im Bereich "Abhängigkeiten".
Folgende Elemente können Abhängigkeiten vorgeben:
Element: Anti-Spam Bestätigung (Captcha)
Erweitere das Formular um ein Element zur Anti-Spam-Bestätigung (Captcha). Das Captcha muss bestätigt werden, bevor das Formular abgeschickt wird. Praktisch, um sicherzustellen, dass die Eingabe von einem Menschen und nicht von einem automatisierten Bot erfolgt.
- Beschriftung: Hinterlege eine Beschriftung für das Element.
- Beschriftung anzeigen: Aktiviere dieses Auswahlkästchen, wenn die Beschriftung des Formularfelds auf der Website sichtbar ausgegeben werden soll. Auch wenn die Beschriftung ausgeblendet ist, bleibt sie im Hintergrund für Screenreader und andere Hilfsmittel verfügbar, sodass das Formular auch ohne sichtbare Beschriftung barrierefrei genutzt werden kann.
- Fehlermeldung: Hinterlege einen Text, der erscheint, wenn das Captcha nicht bestätigt wurde.
-
Captcha-Typ: Wähle, wie das Captcha ausgegeben wird. Ein Captcha (Completely Automated Public Turing test to tell Computers and Humans Apart) ist ein Test, der sicherstellt, dass eine Aktion im Internet von einem Menschen und nicht von einem Bot ausgeführt wird.
Folgende Optionen stehen dir zur Auswahl:- "Rechenaufgabe": Es muss eine einfache Rechenaufgabe gelöst und das Ergebnis eingetragen werden.
-
"Google ReCaptcha - automatische Einbindung": Das Captcha wird immer angezeigt.
⚠️ Achtung: Dies kann problematisch sein, wenn die Datenschutzgrundverordnung für dich gilt.
- "Google ReCaptcha - Einbindung nach Einwilligung": Das Captcha wird erst angezeigt, nachdem du eingewilligt hast, dass dieses angezeigt wird.
- ReCaptcha-Einwilligungstext (nur sichtbar, wenn "Google ReCaptcha - Einbindung nach Einwilligung" gewählt wurde): Hinterlege einen Text, der über das Google ReCaptcha informiert. Dieser wird oberhalb des "ReCaptcha-Einwilligungsbuttons" angezeigt.
- ReCaptcha-Einwilligungsbutton Beschriftung (nur sichtbar, wenn "Google ReCaptcha - Einbindung nach Einwilligung" gewählt wurde): Hinterlege eine Beschriftung für den Button zum Anzeigen des "Captchas".
- Position: Du kannst die Position des Elements bestimmen. Wähle dazu den Schritt und die Position, an der das Element ausgegeben werden soll.
- Status: Aktiviere das Auswahlkästchen, um dieses Element auszugeben.
Element: Button
Leitet zum nächsten Schritt des Formulars.
👩💻 Beispiel: Absenden des Formulars
- Beschriftung: Hinterlege eine Beschriftung für den Button, z. B. "Absenden" oder "Weiter".
- Beschriftung "Zurück" (wenn mehrseitig): Ein Formular mit mehreren Schritten enthält ab Schritt 2 einen "Zurück"-Button, der zum vorherigen Schritt führt. Hinterlege eine Beschriftung für diesen Button, z. B. "Zurück" oder "Zum vorherigen Schritt".
- Position: Du kannst die Position des Elements bestimmen. Wähle dazu den Schritt und die Position, an der das Element ausgegeben werden soll.
- Status: Aktiviere das Auswahlkästchen, um dieses Element auszugeben.
Element: Horizontale Linie
Füge eine horizontale Trennlinie ein. Praktisch, um Inhalte visuell zu trennen und eine klare Struktur in einem Abschnitt zu schaffen.
- Position: Du kannst die Position des Elements bestimmen. Wähle dazu den Schritt und die Position, an der das Element ausgegeben werden soll.
- Status: Aktiviere das Auswahlkästchen, um dieses Element auszugeben.
-
Abhängigkeiten (nur sichtbar, wenn an einer vorherigen Position in der Tabelle "Elemente" ein Element angelegt wurde, welches Bedingungen vorgeben kann): Wie du Abhängigkeiten einstellst, erfährst du im Bereich "Abhängigkeiten".
Folgende Elemente können Abhängigkeiten vorgeben:
Element: Text Block
Füge einen Textblock ein. Praktisch, um größeren Text oder Informationen strukturiert darzustellen.
👩💻 Beispiel: Einführungstext für ein Formular
- Überschrift: Hinterlege eine Überschrift.
- Überschrift 2: Hinterlege eine zweite Überschrift.
- Text: Hinterlege einen Text für den Textblock. Der Text kann über den Editor frei formatiert werden.
- Position: Du kannst die Position des Elements bestimmen. Wähle dazu den Schritt und die Position, an der das Element ausgegeben werden soll.
- Status: Aktiviere das Auswahlkästchen, um dieses Element auszugeben.
-
Abhängigkeiten (nur sichtbar, wenn an einer vorherigen Position in der Tabelle "Elemente" ein Element angelegt wurde, welches Bedingungen vorgeben kann): Wie du Abhängigkeiten einstellst, erfährst du im Bereich "Abhängigkeiten".
Folgende Elemente können Abhängigkeiten vorgeben:
Element: Bild links, Text rechts
Füge links ein Bild und rechts einen Text ein. Praktisch, um ein Bild darzustellen, das durch das zugehörige Textfeld erklärt oder beschrieben wird.
👩💻 Beispiel: Präsentation von Produkten mit zugehörigen Informationen
- Bild / Text: Wähle ein Bild aus dem Media-Manager und hinterlege im Textfeld den anzuzeigenden Text. Der Text kann über den Editor frei formatiert werden.
- Position: Du kannst die Position des Elements bestimmen. Wähle dazu den Schritt und die Position, an der das Element ausgegeben werden soll.
- Status: Aktiviere das Auswahlkästchen, um dieses Element auszugeben.
-
Abhängigkeiten (nur sichtbar, wenn an einer vorherigen Position in der Tabelle "Elemente" ein Element angelegt wurde, welches Bedingungen vorgeben kann): Wie du Abhängigkeiten einstellst, erfährst du im Bereich "Abhängigkeiten".
Folgende Elemente können Abhängigkeiten vorgeben:
Element: Leerzeile (Abstand)
Eine leere Zeile, die einen Abstand zum vorherigen Element erzeugt. Praktisch, um zusätzlichen Raum zwischen Inhalten zu schaffen und die Lesbarkeit zu verbessern.
- Position: Du kannst die Position des Elements bestimmen. Wähle dazu den Schritt und die Position, an der das Element ausgegeben werden soll.
- Status: Aktiviere das Auswahlkästchen, um dieses Element auszugeben.
-
Abhängigkeiten (nur sichtbar, wenn an einer vorherigen Position in der Tabelle "Elemente" ein Element angelegt wurde, welches Bedingungen vorgeben kann): Wie du Abhängigkeiten einstellst, erfährst du im Bereich "Abhängigkeiten".
Folgende Elemente können Abhängigkeiten vorgeben:
Element: Adressdaten (vordefinierte Elementgruppe)
Diese Elementgruppe enthält eine Sammlung von Elementen zur Abfrage der Adressdaten im Formular. Die Elemente können nachträglich angepasst werden.
Folgende Elemente sind mit entsprechender Beschriftung enthalten:
- "Auswahlfeld (Select)": Anrede
- "Textfelder - einzeilig - zwei nebeneinander - gleich groß": Vorname / Nachname
- "Textfelder - einzeilig - zwei nebeneinander - links groß, rechts klein": Straße / Hausnummer
- "Textfelder - einzeilig - zwei nebeneinander - links klein, rechts groß": PLZ / Ort
Element: Kontaktdaten (vordefinierte Elementgruppe)
Diese Elementgruppe enthält eine Sammlung von Elementen zur Abfrage der Kontaktdaten im Formular. Die Elemente können nachträglich angepasst werden.
Folgende Elemente sind mit entsprechender Beschriftung enthalten:
- "E-Mail": E-Mail
- "Textfelder - einzeilig - zwei nebeneinander - links klein, rechts groß": Telefonvorwahl / Telefonnummer
- "Textfelder - einzeilig - zwei nebeneinander - links klein, rechts groß": Faxvorwahl / Faxnummer
- "Textfelder - einzeilig - zwei nebeneinander - links klein, rechts groß": Handyvorwahl / Handynummer
- "Textfeld - einzeilig": Webseite
Bereich: Abhängigkeiten
Abhängigkeiten ermöglichen es, Formularelemente erst dann anzuzeigen, wenn eine definierte Bedingung in einem vorherigen Element erfüllt ist. So kann beispielsweise ein Textfeld erst angezeigt werden, nachdem im Element "Optionsschaltflächen (Radio-Buttons)" die Option "Ja" gewählt wurde. Wurde hingegen "Nein" gewählt, wird das Textfeld nicht angezeigt.
⚠️ Hinweis: Von diesen Elementen kann die Anzeige anderer Elemente abhängig gemacht werden.
Eine Abhängigkeit lässt sich jedoch nur dann einrichten, wenn das Element, das Abhängigkeiten definiert, bereits vor dem Element angelegt wurde, das abhängig sein soll. In der Tabelle "Elemente" findest du eine Übersicht darüber, welche Elemente an welchen Positionen stehen.
- "Auswahlfeld (Select)"
- "Auswahl / Bestätigungskasten (Checkbox)"
- "Auswahl / Bestätigungskasten mit formatierbarem Text und Link (Checkbox + Editor)"
- "Mehrfachauswahl / Bestätigungskastengruppe (gruppierte Checkboxen)"
- "Optionsschaltflächen (Radio-Buttons)"
Um eine Abhängigkeit hinzuzufügen, wähle das Element aus, das abhängig von einem anderen Element sein soll, und lege anschließend fest, ob keine, mindestens eine oder alle Bedingungen erfüllt werden müssen. Klicke auf "Speichern", um Zugriff auf die Auswahl der Bedingungen zu erhalten.
-
Abhängigkeiten (nur sichtbar, wenn vor dem abhängigen Element ein Element angelegt wurde, das Abhängigkeiten vorgibt): Wähle den Typ der Abhängigkeit aus.
Folgende Optionen stehen dir zur Auswahl:- "Keine Abhängigkeiten": Wähle diese Option, wenn das Formularelement unabhängig von anderen Elementen angezeigt werden soll. Das Formularelement ist immer sichtbar und muss nicht durch vorherige Eingaben oder Bedingungen angezeigt werden.
-
"Es muss mindestens eine Bedingung zutreffen": Wähle diese Option, damit das Formularelement erst angezeigt wird, wenn mindestens eine von potenziell mehreren Bedingungen erfüllt wurde.
👩💻 Beispiel: In einem Formular für die Benutzeranmeldung soll das Feld "Unternehmensname" nur angezeigt werden, wenn der Benutzer im vorherigen Auswahlfeld "Ich bin ein Unternehmer" ausgewählt hat.
-
"Es müssen alle Bedingungen zutreffen": Wähle diese Option, wenn alle festgelegten Bedingungen gleichzeitig erfüllt sein müssen, bevor das Element angezeigt wird.
👩💻 Beispiel: In einem Formular soll das Element: "Detaillierte Geschäftsinformationen" nur dann angezeigt werden, wenn der Benutzer sowohl "Ich bin ein Unternehmer" als auch das Land: "Deutschland", ausgewählt hat. In diesem Fall müssen beide Bedingungen erfüllt sein, damit das Element angezeigt wird.
- Bedingungen (nur sichtbar, wenn eine Abhängigkeit ausgewählt wurde): Bedingungen basieren darauf, welche Elemente bereits im Formular vorhanden und vor dem aktuell bearbeiteten Element positioniert sind. Alle relevanten Elemente werden dabei mit ihren Formular-Optionen angezeigt. Wähle eine passende Bedingung und klicke anschließend auf "Hinzufügen“. Um die Anzeige des Formularelements zu steuern, kannst du mehrere Bedingungen hinzufügen. Eine Bedingung entfernst du, indem du auf das rote "X“ klickst.
👩💻 Beispiel: Für ein ausführliches Beispiel, wie du Abhängigkeiten in einem Formular richtig einstellst, klicke hier.
Reiter: Bestätigungsmeldung
Nachdem das Formular erfolgreich abgeschickt wurde, wird eine Bestätigungsmeldung angezeigt. Diese Meldung informiert darüber, dass die Eingaben erfolgreich übermittelt wurden.
Einstellungs- und Anpassungsmöglichkeiten
-
Überschrift: Hinterlege eine Überschrift für die Bestätigungsmeldung.
-
Überschrift 2: Hinterlege eine zweite Überschrift für die Bestätigungsmeldung.
- Text: Hinterlege einen Text für die Bestätigungsmeldung. Der Text kann über den Editor frei formatiert werden.
Reiter: Conversion Tracking
Wenn du ein individuelles JavaScript ausführen möchtest, um Conversions zu tracken, kannst du es hier hinterlegen. Sobald das Formular erfolgreich abgeschickt wurde, wird das Script auf der Bestätigungsseite eingebunden.
💡 Tipp: Heutzutage wird meistens die URL für das Conversion Tracking abgefragt.
Reiter: Formular-Optionen
Mit den Formular-Optionen kannst du eine Auswahl an Optionen erstellen, die von bestimmten Elementen des Formulars genutzt werden. Je nach Element kann dann eine oder mehrere dieser Optionen ausgewählt werden. Die Optionen müssen thematisch in Optionengruppen gruppiert werden. Die bereits angelegten Optionen einer Optionengruppe werden in der Tabelle "Optionen" ausgegeben.
🧑💻 1. Beispiel: Lege eine neue Optionengruppe mit dem Namen "Anreden" an. Lege jetzt die Optionen "Herr", "Frau" und "Divers" an. Diese Optionengruppe kann jetzt von dem Element "Auswahlfeld (Select)" genutzt werden, um in einem Formular die Anrede abzufragen.
🧑💻 2. Beispiel: Lege eine neue Optionengruppe mit dem Namen "Ja / Nein" an. Lege jetzt die Optionen "Ja" und "Nein" an. Diese Optionengruppe kann nun vom Element "Auswahlfeld (Select)" genutzt werden, beispielsweise um eine klare Entscheidungsfrage wie "Möchten Sie unseren Newsletter abonnieren?“ abzufragen.
Bei folgenden Elementen muss eine Optionengruppe gewählt werden:
- "Auswahlfeld (Select)"
- "Auswahl / Bestätigungskasten (Checkbox)"
- "Auswahl / Bestätigungskasten mit formatierbarem Text und Link (Checkbox + Editor)"
- "Mehrfachauswahl / Bestätigungskastengruppe (gruppierte Checkboxen)"
- "Optionsschaltflächen (Radio-Buttons)"
Optionengruppen anlegen, bearbeiten & löschen
-
Neue Optionengruppe anlegen: Wähle im Auswahlfeld die Option "-- Neue Optionengruppe anlegen --" und klicke auf den Button "Anlegen".
-
Optionengruppe bearbeiten: Wenn du eine bereits erstellte Optionengruppe bearbeiten möchtest, wähle im Auswahlfeld die Optionengruppe aus und klicke auf den Button "Bearbeiten".
-
Optionengruppe löschen: Um eine bereits erstellte Optionengruppe zu löschen, gehst du zunächst wie bei "Optionengruppe bearbeiten" vor. Scrolle in der ausgewählten Optionengruppe bis nach ganz unten. Unterhalb der Ansicht zur Bearbeitung findest du die Möglichkeit, die Optionengruppe inklusive aller Optionen zu löschen.
⚠️ Achtung: Sollte die Optionengruppe in einem Formular verwendet werden, wird diese aus dem Formular entfernt.
Einstellungs- und Anpassungsmöglichkeiten
-
Name: Hinterlege einen Namen für die Optionengruppe. Dieser ist nur für dich sichtbar.
-
Sonderfunktion: Folgende Optionen stehen zur Auswahl:
- "-- Keine --": Die Optionengruppe hat keine besondere Funktion.
-
"E-Mail Versand": Durch die Auswahl der Option: "E-Mail-Versand“ kannst du für jede Option innerhalb einer Optionengruppe eine E-Mail-Adresse hinterlegen. Das ermöglicht den Versand der Info-E-Mail mit den Formulardaten an unterschiedliche Empfänger, abhängig von der ausgewählten Option.
Wenn die Sonderfunktion "E-Mail Versand" aktiviert wurde, wechsle in den Reiter "Formulare“ und wähle das entsprechende Formular aus. Im nächsten Schritt wählst du ein Element "Auswahlfeld (Select)", das die zuvor bearbeitete Optionengruppe verwenden soll, und aktivierst das Auswahlkästchen "Info-E-Mail versenden“.
💡 Hinweis: Der Versand der Info-E-Mail kann auf zwei Arten erfolgen: Nur an die E-Mail-Adresse der gewählten Option und / oder an die im Bereich "Formular- und E-Mail-Einstellungen" im Reiter "👁️ Darstellung“ hinterlegte E-Mail-Adresse.
-
Sortierung: Wähle, ob die Sortierung der Optionen innerhalb der Optionengruppe: "Alphabetisch" oder "Manuell" erfolgt.
- "Alphabetisch": Sortiert die Formular-Optionen in alphabetischer Reihenfolge.
- "Manuell": Gibt die Formular-Optionen in der von dir festgelegten Reihenfolge aus. In der Tabelle "Datensätze" kannst du die Optionen in der Spalte: "Aktion" mithilfe der Pfeile individuell anordnen.
👩💻 Beispiel: Nutze diese Option, um unterschiedliche Ansprechpartner je Auswahlmöglichkeit zu hinterlegen. Erstelle Optionen wie "Produkte", "Service" und "Rechnung", um dem Nutzer eine Auswahl zu geben. Wenn eine dieser Optionen gewählt wird, wird die E-Mail automatisch an die entsprechende Adresse gesendet, zum Beispiel "produkte@unternehmen.de", "service@unternehmen.de" oder "rechnung@unternehmen.de".
Tabelle: Optionen
In der Bearbeitung werden die Optionen einer Optionengruppe tabellarisch ausgegeben. Im Folgenden sind die Spalten der Tabelle und deren Funktionen erklärt:
-
Position: Diese Spalte gibt die Reihenfolge der einzelnen Optionen an. Die Position einer Option bestimmt, an welcher Stelle sie in der jeweiligen Optionengruppe ausgegeben wird.
-
Beschriftung: Diese Spalte zeigt den Namen der Option an, also die Beschriftung, die du hinterlegt hast.
-
E-Mail-Adresse (Empfänger): Wenn du die Option: "E-Mail-Versand“ unter "Sonderfunktion“ in der Optionengruppe gewählt hast, wird in dieser Spalte die jeweils hinterlegte E-Mail-Adresse angezeigt.
-
"Keine Auswahl"-Option: In dieser Spalte wird angezeigt, ob du für eine Option das Auswahlkästchen: "Keine Auswahl-Option“ aktiviert hast.
- Aktionen: In dieser Spalte befinden sich die Schaltflächen für verschiedene Aktionen, die du für eine Option ausführen kannst. Durch einen Klick auf den blauen Stift kannst du die Option bearbeiten, ein Klick auf das rote "X" hingegen löscht die Option. Hast du bei "Sortierung" die Option: "Manuell" gewählt, kannst du über die Pfeile die Position der Optionen anpassen.
Optionen anlegen, bearbeiten & löschen
-
Neue Option anlegen: Wähle zunächst die entsprechende Optionengruppe aus, in der du eine Option anlegen möchtest, und klicke auf "Bearbeiten". Scrolle jetzt nach unten zu dem Bereich: "Neue Option anlegen".
🧑💻 Beispiel – "Anreden": Lege eine neue Optionengruppe mit dem Namen "Anreden" an. Lege jetzt die Optionen "Herr", "Frau" und "Divers" an. Diese Optionengruppe kann jetzt von dem Element "Auswahlfeld (Select)" genutzt werden, um in einem Formular die Anrede abzufragen.
-
Option bearbeiten: Wähle zunächst die entsprechende Optionengruppe aus, in der du eine Option bearbeiten möchtest, und klicke auf "Bearbeiten". Scrolle jetzt nach unten zu der Tabelle Optionen". Hier siehst du die bereits erstellten Optionen und kannst diese durch einen Klick auf den blauen Stift bearbeiten.
-
Option löschen: Wähle zunächst die entsprechende Optionengruppe aus, in der du eine Option bearbeiten möchtest, und klicke auf "Bearbeiten". Scrolle jetzt nach unten zu der Tabelle "Optionen". Hier siehst du die bereits erstellten Optionen und kannst diese durch einen Klick auf das rote "X" löschen.
Einstellungs- und Anpassungsmöglichkeiten
-
Beschriftung: Hinterlege eine Beschriftung für die Option.
-
"Keine Auswahl"-Option: Aktiviere das Auswahlkästchen, damit diese Option nicht als gültige Auswahl gewertet wird. So kannst du zum Beispiel bei der Beschriftung "-- Bitte wählen --" eintragen, damit dem Nutzer klar wird, dass er in diesem Element eine Auswahl treffen muss.
💡 Tipp: Nutze diese Option, um das Element "Auswahlfeld (Select)” mit der neutralen Standardoption "-- Bitte wählen –" im Formular anzuzeigen. Wenn du das Auswahlfeld gleichzeitig als Pflichtfeld kennzeichnest, muss der Besucher bewusst eine Auswahl treffen.
-
E-Mail-Adresse (Empfänger) (nur sichtbar, wenn in der Optionengruppe unter "Sonderfunktion" die Option: "E-Mail-Versand" gewählt wurde): Optional kannst du eine E-Mail-Adresse hinterlegen. Die Info-E-Mail wird an diese Adresse gesendet, wenn die entsprechende Option im Formular ausgewählt wird. Dafür muss bei einem Element "Auswahlfeld (Select)", das die Optionengruppe verwendet, das Auswahlkästchen: "Info-E-Mail versenden" aktiviert sein.
👩💻 Beispiel: Nutze diese Option, um verschiedene Ansprechpartner für bestimmte Auswahlmöglichkeiten zu hinterlegen. Erstelle Optionen wie "Produkte", "Service" und "Rechnung", um dem Nutzer eine Auswahl zu geben. Wenn eine dieser Optionen gewählt wird, wird die E-Mail automatisch an die entsprechende Adresse weitergeleitet, zum Beispiel "produkte@unternehmen.de", "service@unternehmen.de" oder "rechnung@unternehmen.de".
- Position: Wähle, an welcher Stelle in der Auswahl diese Option zu finden sein soll.
Reiter: Anfragen
Hier findest du alle abgeschickten Anfragen. Wähle das Formular aus, zu dem du die Anfragen sehen möchtest, und grenze den Datumsbereich ein. Du kannst entweder alle Anfragen gesammelt als CSV- oder Excel-Datei exportieren – praktisch, um sie mit anderer Software weiterzuverarbeiten – oder einzelne Anfragen als PDF herunterladen.
Einstellungs- und Anpassungsmöglichkeiten
-
Formular: Wähle das Formular aus, in dem du nach Anfragen suchen möchtest.
-
Anfrage gesendet ab: Lege das Startdatum für die Anzeige der Anfragen fest.
- Anfrage gesendet bis: Lege das Enddatum für die Anzeige der Anfragen fest.
💡 Hinweis: Das Datum kann per Tastatur eingegeben oder, je nach Browser und Betriebssystem, über einen ausklappbaren Kalender ausgewählt werden, der beim Klicken auf das Eingabefeld oder auf ein kleines Kalendersymbol rechts neben dem Eingabefeld erscheint.
Reiter: 👁 Darstellung
Mithilfe der Darstellungsoptionen kannst du festlegen, welches Formular im Formulargenerator-Baustein ausgegeben wird und ob es einen Einleitungstext geben soll. Außerdem kannst du den Versand der Info-E-Mail aktivieren und ihren Inhalt anpassen.
Bereich: Allgemeine Darstellungsoptionen
-
Überschrift: Hinterlege eine Überschrift, die über dem Formular angezeigt wird.
-
Überschrift 2: Hinterlege eine zweite Überschrift, die über dem Formular angezeigt wird.
- Text: Hinterlege einen Text, der über dem Formular angezeigt wird. Praktisch, um vorab zu erklären, wozu das Formular genutzt wird, z. B. um darauf hinzuweisen, dass Kontaktinformationen abgefragt werden. Der Text kann über den Editor frei formatiert werden.
Bereich: Formular- und E-Mail-Einstellungen
In diesem Bereich legst du fest, ob eine E-Mail mit den Formulardaten verschickt wird, an welche E-Mail-Adresse sie geht und wie der Inhalt aussieht.
-
Formular: Wähle das Formular aus, das du ausgeben möchtest.
⚠️ Achtung: Das hier ausgewählte Formular wird in dem aktuell von dir bearbeiteten Formulargenerator-Baustein ausgegeben.
-
Betreff: Hinterlege einen Betreff für die Info-E-Mail.
-
Inhalt: Passe die Info-E-Mail an, die beim Absenden eines Formulars verschickt wird. Wir empfehlen, den bereits hinterlegten Inhalt nicht zu entfernen. Der Text kann über den Editor frei formatiert werden. Über das Auswahlfeld "Platzhalter einfügen" kannst du die Platzhalter "Alle Formulardaten" und "Versandinformationen" hinzufügen.
Die Platzhalter geben folgende Informationen aus:- "Alle Formulardaten": Die Info-E-Mail enthält alle Formularfelder und deren Inhalte. Dabei wird für jedes Formularfeld der Name des Elements angezeigt (falls kein Name hinterlegt wurde, wird die Beschriftung des Elements verwendet). Zusätzlich werden die vom Nutzer getätigten Eingaben oder die getroffenen Auswahlen der jeweiligen Felder aufgeführt.
-
"Versandinformationen": Die Info-E-Mail enthält das Versanddatum und die Uhrzeit des Versands, die URL, über die das Formular ausgefüllt wurde, sowie die vorherige URL, von der der Nutzer auf das Formular gelangt ist.
-
E-Mail-Adresse (Absender): Wähle die E-Mail-Adresse aus, die als Absender für den Versand der Info-E-Mail verwendet werden soll. Weitere Informationen findest du im Beitrag "Standard-Versandadresse".
-
Info-E-Mail versenden: Aktiviere das Auswahlkästchen, um eine Info-E-Mail zu erhalten, wenn das Formular abgeschickt wurde.
-
E-Mail-Adresse (Empfänger): Hinterlege die Empfangs-E-Mail-Adresse, an die die Info-E-Mail versendet werden soll.
Bereich: Design
In der Anleitung zum Bereich "Design“ erfährst du mehr über die Designeinstellungen in Bausteinen.
Bereich: Abstand
In der Anleitung zum Bereich: "Abstand“ erfährst du mehr über die Abstände in Bausteinen.
Bereich: Anzeigezeitraum
In der Anleitung zum Bereich: "Anzeigezeitraum“ erfährst du mehr über die Anzeigezeiträume in Bausteinen.