Erstellen eines Formulars

Um ein Formular auf Ihrer Website zu erstellen, erstellen Sie zunächst einen Formularcontainer und fügen dann ein oder mehrere Formularelemente hinzu. Mit den Formularelementen können dem Formular beispielsweise ein Namensfeld, ein E-Mail-Feld und eine Senden-Schaltfläche hinzugefügt werden

Jeder Formularcontainer enthält Metadaten, die Sie definieren können. Die Metadaten enthalten Informationen zum Formular wie Titel, Beschreibung, enthaltene Formularelemente und Bestätigungsmeldung, wenn das Formular gesendet wurde.

1. Wählen Sie Formulare aus dem Ressourcenbereich aus, um vorhandene Formularordner anzeigen zu lassen oder um mit Klick auf „+“ einen neuen Ordner für Ihr Formular zu erstellen.
2. Wählen Sie im Kontextmenü eines Ordners Neues Formular aus und geben Sie ihm einen Namen wie etwa Gutschein für Kontaktinformationen aus.
3. Wählen Sie die Ansicht „Alle Eigenschaften“. Die Registerkarte „Inhalt“ wird angezeigt.
   —Bild: Neuer Formularcontainer Registerkarte „Inhalt“—

   

   Passen Sie die Eigenschaften nach Bedarf an:

   Eigenschaft	Beschreibung
   Formulartitel	Geben Sie den Namen des Formulars ein.
   Beschreibung	Beschreiben Sie, welche Funktion das Formular erfüllen soll.
   Zusammenfassung anzeigen...	Aktivieren Sie dieses Kontrollkästchen, um in einem Pop-up-Dialogfeld mit einer Zusammenfassung angezeigt zu bekommen, welche Informationen der Besucher durch dieses Formular übermittelt. Sie können auch eine Nachricht zu diesem zusammenfassenden Dialogfeld hinzufügen, siehe Bestätigungsnachricht unten.
   Bestätigungsnachricht	Geben Sie eine Nachricht für die Anzeige im zusammenfassenden Dialogfeld ein (aktiviert durch das Kontrollkästchen Zusammenfassung anzeigen...). Diese wird zusammen mit den im Formular eingegebenen Daten angezeigt. Wenn der Benutzer die Zusammenfassung im Dialogfeld akzeptiert hat, werden die Daten gespeichert und können in der Ansicht „Formularübermittlungen“ angesehen werden. —Bild: Beispiel für das Zusammenfassungsdialogfeld mit Bestätigungsmeldung— Hinweis:  Um die Bestätigungsmeldung wie im obigen Bild zu gestalten, müssen Sie die Formularbeispiele installiert haben.
   Seite nach Übermittlung anzeigen	Wählen Sie eine Seite wie zum Beispiel Gutschein aus, die Sie nach der Übermittlung des Formulars anzeigen möchten.
   Seite nach Übermittlung anzeigen	Geben Sie eine Nachricht ein, die Sie nach der Übermittlung eines Formulars anzeigen möchten. Hinweis:  Diese Nachricht wird nicht angezeigt, wenn Sie eine Seite unter Seite nach Übermittlung anzeigen auswählen.
   Anonyme Übermittlungen zulassen	Hierdurch können Sie Besuchern ermöglichen, Formulardaten, wie zum Beispiel eine Onlinebefragung, ohne vorherige Anmeldung zu übermitteln. Ist diese Funktion deaktiviert, muss der Besucher angemeldet sein, um ein Formular übermitteln zu können.
   Mehrere Übermittlungen von derselben IP-Adresse/vom selben Cookie aus zulassen	Hiermit ermöglichen Sie einem Besucher, ein Formular mehr als einmal zu übermitteln. Dies ist nützlich, wenn Sie Ihr Formular selbst testen möchten.
   Navigationsleiste anzeigen, wenn das Formular mehrere Schritte umfasst	Aktivieren Sie einen Fortschrittsbalken für mehrere Schritte, zum Beispiel bei längeren Online-Befragungen.
   Zugriff auf Formulardaten über die Service API zulassen	Auf diese Weise ermöglichen Sie Entwicklern (oder anderen Anwendungen), Formularübermittlungsdaten über die Forms Service API abzurufen. Weitere Informationen finden Sie unter Verwenden der Forms Service API im Entwicklerhandbuch für Episerver Forms.
   Formularelemente	Ziehen Sie Formularelemente aus dem Gadget „Formularelemente“ per Drag & Drop in diesen Bereich oder ordnen Sie die Reihenfolge der Formularelemente per Drag & Drop neu an. Sie können dies auch in der On-Page-Bearbeitungsansicht des Formularcontainers tun. Siehe Konfigurieren eines Formularelements und Formularelementtypen.
   Kategorie	Sie können eine Kategorie auf Inhalte anwenden. Ihre Website benötigt jedoch auch von einem Entwickler erstellte benutzerdefinierte Funktionen, um Ergebnisse, wie z. B. bei einer Filterung, anzuzeigen. Siehe Kategorien erstellen.

4. Wählen Sie die Registerkarte Einstellungen aus.
   —Bild: Neuer Formularcontainer Registerkarte „Inhalt“—

   

   Eigenschaft	Beschreibung
   Metadaten	Dieses verborgene Attribut ermöglicht Entwicklern, einen benutzerdefinierten Code auszuführen. Weitere Informationen finden Sie unter Erzeugen von Metadaten im Entwicklerhandbuch für Episerver Forms.
   Formularübermittlungen speichern	Aktivieren Sie, dass gesendete Daten gespeichert werden sollen. Wenn diese Option aktiviert ist, werden die Daten dauerhaft im Speicher gespeichert. Wenn nicht, werden Daten vorübergehend in der Browsersitzung des Besuchers gespeichert, bis die Sitzung abgelaufen ist.
   E-Mail nach Übermittlung senden	Sie können Ihr Formular anpassen, um dem Besucher nach dem Absenden des Formulars eine E-Mail zu senden. Wählen Sie [+] aus, um das Dialogfeld E-Mail-Vorlage erstellen zu öffnen. Fügen Sie eine Empfänger- und eine Absender-Adresse sowie einen E-Mail-Betreff hinzu. Sie können Platzhalter verwenden, um automatisch Daten aus dem Formular einzugeben, wie zum Beispiel #EMAIL#, #NAME#, #SUMMARY# usw. Sie können die Platzhalter eingeben oder aus dem Menü Platzhalter einfügen auswählen. Entwickler können weitere Platzhalter erstellen. Fügen Sie einen Nachrichtentext im Nachrichtenfeld ein und klicken Sie auf hinzufügen. —Bild: Dialogfeld E-Mail-Vorlage erstellen— Hinweis:  Damit Episerver Forms E-Mails versenden kann, muss ein Administrator einen E-Mail-Server einrichten, siehe Konfigurieren Ihres E-Mail-Servers auf Episerver World.
   WebHook nach Formularübermittlung auslösen	Wählen Sie [+] aus, um das Dialogfeld WebHook hinzufügen zu öffnen. In das Formular eingegebene und übermittelte Daten werden an die WebHook-URLEin Daten-Hub, der über API-Aufrufe Informationen aus Formulardaten sammelt. Informationen an einem Daten-Hub können Formulardaten und Routenangaben verarbeiten, die an eine bestimmte Support-Stelle, einen Kundenberater oder eine andere Zielstelle gerichtet sind. übermittelt. Aktivieren Sie das Kontrollkästchen, um einen POST-Request im JSON-Format („application/json“) zu übermitteln. Deaktivieren Sie das Kontrollkästchen, um Daten als herkömmlichen HTTP-POST-Request („application/x-www-form-urlencoded“) zu senden. —Bild: Dialogfeld „WebHook hinzufügen“—

Beispielformulare

Die folgenden Beispiele zeigen, wie Sie zahlreiche verschiedene Formularen erstellen können.

• E-Mail-Anmeldeformular
• Umfrageformular zur Kundenzufriedenheit
• Kundenzufriedenheitsformular mit Abhängigkeiten zwischen Formularfeldern
• Einseitiges Bewerbungsformular
• Mehrseitiges Bewerbungsformular

---