Mit Sitecores Marketing Web-Forms können Redakteure Formulare erstellen in der vertrauten Benutzeroberfläche. In der Präsentation wird Schritt für Schritt erläutert wie die Erstellung eines Formulars in Sitecore erfolgt.

1. Sitecore. Web Forms for Marketers.
Schulungsunterlagen Formulare. Namics.
Troy Lüchinger. Senior Principal Consultant.
10. Oktober 2012

2. Agenda.
 Formulare erstellen
 Submit Actions
 Formulare auf Seiten einbinden
10.10.12 2 Denken. Präsentieren. Umsetzen. Namics.

3. Formulare erstellen.
10.10.12 3 Denken. Präsentieren. Umsetzen. Namics.

4. Formulare erstellen.
Neue Formulare erstellen.
1. Unter „Form“ einfügen
 Rechtsklick auf „Projektordner“
 „Neu“  „Form“
 „OK“ wählen
1. Name des Formulars eingeben
 Keine Sonderzeichen!
 Keine Leerzeichen am Ende
des Formularnamens!
1. „OK“ wählen
Denken. Präsentieren. Umsetzen. Namics.

5. Formulare erstellen.
Formular Designer öffnen.
4. Formular Designer starten
 Neues Formular anwählen
 Im Ribbon unter „Forms“
 Form Designer wählen
4. Formular erstellen
 „Add a field“ wählen
 Linke Spalte: Spezifikation der
Felder
 Rechte Spalte: Felder und Feld-
Gruppen („Section“) hinzufügen
Denken. Präsentieren. Umsetzen. Namics.

6. Formulare erstellen.
Feld-Gruppe erstellen.
6. „Add Section wählen“
1. Rechte Spalte: Name der Feld-Gruppe eingeben
2. Linke Spalte: Keine Änderungen vornehmen
Denken. Präsentieren. Umsetzen. Namics.

7. Formulare erstellen.
Formular-Felder erstellen.
6. „Add Field“ wählen
 Rechte Spalte
1. Unter „Title“: Titel des Feldes eingeben
2. Unter „Type“: Feldtyp wählen
3. Unter „Required“: Markieren, ob Feld ein Pflichtfeld ist oder nicht
Denken. Präsentieren. Umsetzen. Namics.

8. Formulare erstellen.
Formular-Felder erstellen.
6. „Add Field“ wählen
 Linke Spalte
1. Neben „Help“: Info-Text eingeben (optional)
2. Unter „Validation“: Angeben, ob spezielle Validierung notwendig ist
Denken. Präsentieren. Umsetzen. Namics.

9. Formulare erstellen.
Folgende Feldtypen stehen zur Verfügung.
 Einfaches Textfeld
 Mehrzeiliges Textfeld
 E-Mail
 Datei-Upload
 Dropdown Liste
 Radio Buttons
 Checkbox Liste
Denken. Präsentieren. Umsetzen. Namics.

10. Formulare erstellen.
Formular Felder – List Types.
7. Button wählen, um die
Werte für Listentypen zu
definieren
8. Einzelne Werte eingeben
 Mit «Plus» einzelne
Werte hinzufügen
 Tipp:
Für die horizontale
Darstellung die Anzahl
«Colums» auf 2 (oder
ggf. auf 3) setzen
Denken. Präsentieren. Umsetzen. Namics.

11. Submit Actions.
10.10.12 11 Denken. Präsentieren. Umsetzen. Namics.

12. Formulare erstellen.
Submit Actions konfigurieren.
 Es gibt mehrere Möglichkeiten, was mit den Daten passieren
kann, wenn der Benutzer diese abschickt.
 «Edit» im Bereich «Save Actions» wählen
 Aktion auswählen
 Oft sind diese zwei Aktionen relevant:
 Save to Database
 Send Mail
10.10.12 12 Denken. Präsentieren. Umsetzen. Namics.

13. Formulare erstellen.
Submit Actions konfigurieren – Send Mail
(Empfänger).
1. Unter Save Actions «Send Mail»
anwählen
2. «Edit» wählen
3. E-Mail Adresse des Empfängers
eingeben
4. Betreff und Text eingeben. Im
Textfeld kann Freitext
eingegeben werden (z.B. für die
Eingabetexte des Formulars)
5. Mittels «Insert Field» können die
vom Sender ausgefüllten
Formular-Felder mitgesandt
werden
10.10.12 13 Denken. Präsentieren. Umsetzen. Namics.

14. Formulare erstellen.
Submit Actions konfigurieren – Send Mail
(Sender).
1. Formular-Feld für die Eingabe der E-
Mail Adresse des Senders erstellen
2. Unter Save Actions «Send Mail»
anwählen
3. «Edit» wählen
4. Mit Klick auf «To» Formular-Feld mit
E-Mail Adresse auswählen
5. Betreff und Text eingeben. Im
Textfeld kann Freitext eingegeben
werden (z.B. für die Eingabetexte des
Formulars)
6. Mittels «Insert Field» können die vom
Sender ausgefüllten Formular-Felder
mitgesandt werden
10.10.12 14 Denken. Präsentieren. Umsetzen. Namics.

15. Formulare erstellen.
Verlinken auf eine Seite nach Absenden des
Formulars.
 Wenn eine Benutzer das Formular abgeschickt, kann er
entweder auf eine eigens dafür erstellte Seite geführt oder
ihm eine Nachricht angezeigt werden
 «Edit» im Bereich «Success»
wählen
 Seite im Tree wählen oder
Success Message einfügen
10.10.12 15 Denken. Präsentieren. Umsetzen. Namics.

16. Formulare erstellen.
Erstellung abschliessen und Formular speichern.
 Speicherung und schliessen Sie das Formular über «Save/Close»
10.10.12 16 Denken. Präsentieren. Umsetzen. Namics.

17. Formulare erstellen.
Kopieren von Feldern und Gruppen.
 Formulare bestehen häufig aus
ähnlichen oder identischen
Feldern oder Feldgruppen.
 Um doppelte Arbeit zu vermeiden,
können daher Feld-Gruppen oder
einzelne Felder kopiert und in
andere Formulare eingefügt
werden
 Speicherung und schliessen Sie
das Formular über «Save/Close»
10.10.12 17 Denken. Präsentieren. Umsetzen. Namics.

18. Formulare auf Seiten einbinden.
10.10.12 18 Denken. Präsentieren. Umsetzen. Namics.

19. Formulare erstellen.
Erstellen einer «Forms Page».
1. Seite mit Formular anwählen
2. Im Ribbon unter
«Presentation» «Details»
wählen
3. Unter «ContentLayout»
«Edit» wählen
4. Im Device Editor unter
«Controls» «Add» wählen
5. Unter
RenderingsModulesWeb
Forms for Marketers «Form
Interpreter» auswählen
6. «Select» wählen
10.10.12 19 Denken. Präsentieren. Umsetzen. Namics.

20. Formulare erstellen.
Erstellen einer «Forms Page».
6. Im Device Editor erneut
«Form Interpreter» unter
«Controls» anwählen und
«Edit» wählen
7. Gewünschtes Formular
wählen
8. Unter General beim Feld
«Placeholder» «content»
eingeben
9. «OK» wählen (3x)
10.Seite speichern
10.10.12 20 Denken. Präsentieren. Umsetzen. Namics.

21. Vielen Dank für die Aufmerksamkeit.
Troy.Luechinger@namics.com
© Namics
10.10.12 21 Denken. Präsentieren. Umsetzen. Namics.