1. EN

Formulareingaben an anderer Stelle im Formular anzeigen lassen

Erfahren Sie hier, wie Sie Informationen, die von Nutzer:innen in einem Formular eingegeben werden, an anderer Stelle im Formular anzeigen können.

Nehmen wir als Beispiel ein Anmeldeformular für ein Marketing-Seminar, das verschiedene Informationen abfragt, wie die E-Mail-Adresse, den gewünschten Seminar-Termin und den Namen.

Auf der letzten Seite des Formulars werden alle eingetragenen Daten zusammengefasst, begleitet von einem kurzen einleitenden Text.

Um die Kommunikation persönlicher zu gestalten, soll die Person, die das Formular ausgefüllt hat, sowohl in dem einleitenden Text als auch in der anschließenden Bestätigungsnachricht direkt mit ihrem Namen ansprechen.

Schritt 1: Formular erstellen

Im ersten Schritt legen wir ein Formular für das Marketing-Seminar an.

Auf der ersten Seite des Formulars bitten wir um die Angabe von Vor- und Nachnamen sowie der E-Mail-Adresse. Da wir den Vornamen für den Text und für die Bestätigungsnachricht benötigen, ist dieses Feld ein Pflichtfeld, genau wie das Feld für die E-Mail-Adresse.

Zusätzlich gibt es eine Terminauswahl mit verschiedenen Optionen und ein Kommentarfeld, in dem Nutzer:innen spezifische Themenwünsche für das Seminar hinterlassen können.

Der Editor ist zu sehen. Das Formular Marketing-Seminar wird bearbeitet. Es besteht bisher aus einer Seite mit Einleitungstext, einer Auswahl für das Seminar sowie persönlichen Datenabfragen und einem Feld für individuelle Anmerkungen.

Schritt 2: Datenüberprüfung mit persönlicher Ansprache

Auf der zweiten Seite erfolgt eine Zusammenfassung der gemachten Angaben, für die wir das Formularelement Zusammenfassung nutzen.

Über dieser Zusammenfassung fügen wir einen Textabsatz ein, in dem die Nutzer:innen gebeten werden, ihre Eingaben vor dem Absenden zu überprüfen.

Für eine persönlichere Kommunikation werden sie direkt mit ihren Vornamen angesprochen.

 Der Editor ist zu sehen. Die zweite Seite Formular Marketing-Seminar wird bearbeitet. Im Bearbeitungsbereich ist ein Textabsatz geöffnet, der eine persönliche Anrede enthält. Der technische Name 'vorname', umschlossen von geschweiften Klammern und vorangestellt von einem Dollarzeichen, wird anstelle eines Namens verwendet.

Damit im Text der Vorname eingefügt wird, den Nutzer:innen auf der ersten Formularseite eingegeben haben, benötigen wir den technischen Namen vom entsprechenden Formularfeld.

Den technischen Namen finden Sie im zugehörigen Bearbeitungsbereich:

Ein Ausschnitt des Editors zeigt den Bearbeitungsbereich des Formularelements 'Kurzer Text', in dem Nutzer:innen gebeten werden, ihren Vornamen einzugeben. Der technische Name 'vorname' ist im Bearbeitungsbereich mit einem orangefarbenen Rahmen hervorgehoben.

Dort, wo der Vorname im Textabsatz angezeigt werden soll, geben wir ein Dollarzeichen gefolgt von geschweiften Klammern mit dem technischen Namen vorname ein.

 Ein Ausschnitt des Editors zeigt den Bearbeitungsbereich des Formularelements 'Textabsatz', in dem ein Text mit persönlicher Anrede steht. Der technische Name 'vorname', umschlossen von geschweiften Klammern und vorangestellt von einem Dollarzeichen, wird anstelle eines Namens verwendet. Dieser wird im Bearbeitungsbereich mit einem orangefarbenen Rahmen hervorgehoben.

Schritt 3: Bestätigungsnachricht mit persönlicher Ansprache

Für die Bestätigungsnachricht gehen wir genauso vor.

An der Stelle im Text, an der der Vorname erscheinen soll, verwenden wir ein Dollarzeichen gefolgt vom technischen Namen vorname, den wir in geschweifte Klammern einschließen.

 Im Bereich Einstellungen ist der Abschnitt sichtbar, in dem die Bestätigungsnachricht eingegeben werden kann, die den Nutzer:innen nach dem Absenden des Formulars angezeigt wird. Ein Text mit persönlicher Anrede ist hier zu sehen. Dabei wird der technische Name 'vorname', umschlossen von geschweiften Klammern und vorangestellt von einem Dollarzeichen, anstelle eines Namens im Text verwendet. Dieser wird mit einem orangefarbenen Rahmen hervorgehoben.

Füllen Nutzer:innen nun das Formular aus, werden sie sowohl im Text auf der zweiten Formularseite als auch nach dem Absenden in der Bestätigungsnachricht persönlich angesprochen.

Eine Reihenfolge von drei Screenshots ist zu sehen: Auf dem ersten ist die erste Seite des Formulars zu sehen, deren Felder alle ausgefüllt sind. Im Eingabefeld für den Vornamen steht 'Max'. Ein orangefarbener Pfeil weist auf den zweiten Screenshot hin, auf dem die zweite Seite des Formulars zu sehen ist. Hier ist der Text mit der persönlichen Anrede, nun mit dem Namen 'Max'. Von dieser Seite aus zeigt ein orangefarbener Pfeil auf den dritten Screenshot. Hier erscheint die Bestätigungsnachricht, in der ebenfalls 'Max' in der Anrede steht.