Beispiel: Erstellen eines E-Mail-Anmeldeformulars

Das folgende Beispiel zeigt die Erstellung eines Einzelformulars zur Erfassung von Kontaktinformationen eines Besuchers (Name, E-Mail und optionale Zusatzinformationen). Es werden folgende Formularelemente verwendet:Text, Zahl, Textbereich, Verborgene Besucherprofilierung, Verborgener vordefinierten Wert, Schaltfläche „Reset“ und Schaltfläche „Senden“. Weitere Informationen finden Sie unter Formularelementtypen.

1. Wählen Sie die Registerkarte Forms aus dem Ressourcenbereich aus.
2. Navigieren Sie zu einem Ordner, in dem Sie das Formular speichern möchten, oder erstellen Sie einen neuen Ordner, indem Sie auf das Pluszeichen klicken.
3. Wählen Sie im Kontextmenü eines Ordners Neues Formular aus und geben Sie eine Bezeichnung ein, zum Beispiel E-Mail-Anmeldung.
4. Ziehen Sie Formularelemente in den neuen Formularcontainer. Das folgende Bild zeigt unbearbeitete Elemente für Ihr neues Formular.
   —Bild: Ursprünglicher Formularcontainer vor der Bearbeitung—

   

5. Bewegen Sie den Mauszeiger über ein Formularelement, um das Kontextmenü des Elements anzuzeigen. Wählen Sie Bearbeiten aus dem Kontextmenü aus.
6. Verändern Sie die Elemente wie folgt (fügen Sie Ihren eigenen Platzhaltertext hinzu) und veröffentlichen Sie jedes Element:
   

   Element	Konfiguration
   Text	Benennen Sie das Feld Vorname und aktivieren Sie das Kontrollkästchen Erforderlich.
   Text	Benennen Sie das Feld Nachname und aktivieren Sie das Kontrollkästchen Erforderlich.
   Text	Benennen Sie das Feld E-Mail-Adresse und aktivieren Sie die Kontrollkästchen Erforderlich und E-Mail-Adresse.
   Zahl	Benennen Sie das Feld Telefonnummer und aktivieren Sie das Kontrollkästchen Positive ganze Zahl..
   Textbereich	Benennen Sie das Feld Kommentare.
   Verborgene Besucherprofilierung	Wählen Sie Geo: Regionalcode. Dieses Feld wird nur für interne Zwecke verwendet und dem Besucher nicht angezeigt. Episerver protokolliert, wo sich jeder Besucher (der das Formular ausfüllt) befindet.
   Verborgener vordefinierter Wert	Campaign-123 bei Vordefiniertem Wert eingeben. Dieses Feld wird nur für interne Zwecke verwendet und dem Besucher nicht angezeigt. Sie können den vordefinierten Wert verwenden, um das Formular einer bestimmten Kampagne zuzuordnen.
   Schaltfläche zum Zurücksetzen	Benennen Sie die Schaltfläche Löschen.
   Schaltfläche zum Versenden	Benennen Sie die Schaltfläche Formular absenden.

   Das E-Mail-Anmelde-Formular sollte jetzt ungefähr so aussehen:

   —Bild: Formularcontainer nach Bearbeitung—

   

7. Veröffentlichen Sie den Formularcontainer. Er wird in Ihrer Formularliste angezeigt.
   —Bild: Formularliste—

   

8. Positionieren Sie das Formular auf einer Webseite und veröffentlichen Sie die Seite.

Testen Sie Ihr Formular

Um Ihr Formular zu testen, geben Sie im Vorschaumodus Daten in das Formular auf der Seite ein und klicken Sie auf Formular abschicken. Nach dem Übermitteln der Daten werden diese in Episerver gespeichert.

Zeigen Sie Ihre Formularübermittlung an

Um sich das Ergebnis Ihres Tests anzeigen zu lassen, rufen Sie Ihr E-Mail-Anmelde-Formular im Gadget Forms auf und wählen Sie Formularübermittlungen aus dem Kontextmenü aus.