sitecore web forms for marketers
DESCRIPTION
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.TRANSCRIPT
Sitecore. Web Forms for Marketers.Schulungsunterlagen Formulare. Namics.
Troy Lüchinger. Senior Principal Consultant.
10. Oktober 2012
Namics.
Agenda.
Formulare erstellen
Submit Actions
Formulare auf Seiten einbinden
11.04.23 Denken. Präsentieren. Umsetzen.2
Namics.
Formulare erstellen.
11.04.23 3 Denken. Präsentieren. Umsetzen.
Namics.
Neue Formulare erstellen.
1. Unter „Form“ einfügen
Rechtsklick auf „Projektordner“ „Neu“ „Form“
„OK“ wählen
2. Name des Formulars eingeben
Keine Sonderzeichen!
Keine Leerzeichen am Endedes Formularnamens!
3. „OK“ wählen
Formulare erstellen.
Denken. Präsentieren. Umsetzen.
Namics.
Formular Designer öffnen.
4. Formular Designer starten Neues Formular anwählen Im Ribbon unter „Forms“
Form Designer wählen
5. Formular erstellen „Add a field“ wählen Linke Spalte: Spezifikation der
Felder Rechte Spalte: Felder und Feld-
Gruppen („Section“) hinzufügen
Formulare erstellen.
Denken. Präsentieren. Umsetzen.
Namics.
Feld-Gruppe erstellen.
6. „Add Section wählen“
1. Rechte Spalte: Name der Feld-Gruppe eingeben
2. Linke Spalte: Keine Änderungen vornehmen
Formulare erstellen.
Denken. Präsentieren. Umsetzen.
Namics.
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
Formulare erstellen.
Denken. Präsentieren. Umsetzen.
Namics.
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
Formulare erstellen.
Denken. Präsentieren. Umsetzen.
Namics.
Einfaches Textfeld
Mehrzeiliges Textfeld
Datei-Upload
Dropdown Liste
Radio Buttons
Checkbox Liste
Folgende Feldtypen stehen zur Verfügung.
Formulare erstellen.
Denken. Präsentieren. Umsetzen.
Namics.
Formular Felder – List Types.
Formulare erstellen.
Denken. Präsentieren. Umsetzen.
7. Button wählen, um die Werte für Listentypen zu definieren
8. Einzelne Werte eingeben
Mit «Plus» einzelneWerte hinzufügen
Tipp:Für die horizontale Darstellung die Anzahl «Colums» auf 2 (oderggf. auf 3) setzen
Namics.
Submit Actions.
11.04.23 11 Denken. Präsentieren. Umsetzen.
Namics.
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
Formulare erstellen.
11.04.23 Denken. Präsentieren. Umsetzen.12
Namics.
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
Formulare erstellen.
11.04.23 Denken. Präsentieren. Umsetzen.13
Namics.
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
Formulare erstellen.
11.04.23 Denken. Präsentieren. Umsetzen.14
Namics.
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 oderSuccess Message einfügen
Formulare erstellen.
11.04.23 Denken. Präsentieren. Umsetzen.15
Namics.
Erstellung abschliessen und Formular speichern.
Speicherung und schliessen Sie das Formular über «Save/Close»
Formulare erstellen.
11.04.23 Denken. Präsentieren. Umsetzen.16
Namics.
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»
Formulare erstellen.
11.04.23 Denken. Präsentieren. Umsetzen.17
Namics.
Formulare auf Seiten einbinden.
11.04.23 18 Denken. Präsentieren. Umsetzen.
Namics.
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 Renderings\Modules\Web Forms for Marketers «Form Interpreter» auswählen
6. «Select» wählen
Formulare erstellen.
11.04.23 Denken. Präsentieren. Umsetzen.19
Namics.
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
Formulare erstellen.
11.04.23 Denken. Präsentieren. Umsetzen.20
Namics.
Vielen Dank für die Aufmerksamkeit.
© Namics
11.04.23 21 Denken. Präsentieren. Umsetzen.