Download - Sitecore Web Forms for Marketers
![Page 1: Sitecore Web Forms for Marketers](https://reader036.vdocuments.us/reader036/viewer/2022062703/554d09c8b4c905d4568b4b7b/html5/thumbnails/1.jpg)
Sitecore. Web Forms for Marketers.Schulungsunterlagen Formulare. Namics.
Troy Lüchinger. Senior Principal Consultant.
10. Oktober 2012
![Page 2: Sitecore Web Forms for Marketers](https://reader036.vdocuments.us/reader036/viewer/2022062703/554d09c8b4c905d4568b4b7b/html5/thumbnails/2.jpg)
Namics.
Agenda.
Formulare erstellen
Submit Actions
Formulare auf Seiten einbinden
11.04.23 Denken. Präsentieren. Umsetzen.2
![Page 3: Sitecore Web Forms for Marketers](https://reader036.vdocuments.us/reader036/viewer/2022062703/554d09c8b4c905d4568b4b7b/html5/thumbnails/3.jpg)
Namics.
Formulare erstellen.
11.04.23 3 Denken. Präsentieren. Umsetzen.
![Page 4: Sitecore Web Forms for Marketers](https://reader036.vdocuments.us/reader036/viewer/2022062703/554d09c8b4c905d4568b4b7b/html5/thumbnails/4.jpg)
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.
![Page 5: Sitecore Web Forms for Marketers](https://reader036.vdocuments.us/reader036/viewer/2022062703/554d09c8b4c905d4568b4b7b/html5/thumbnails/5.jpg)
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.
![Page 6: Sitecore Web Forms for Marketers](https://reader036.vdocuments.us/reader036/viewer/2022062703/554d09c8b4c905d4568b4b7b/html5/thumbnails/6.jpg)
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.
![Page 7: Sitecore Web Forms for Marketers](https://reader036.vdocuments.us/reader036/viewer/2022062703/554d09c8b4c905d4568b4b7b/html5/thumbnails/7.jpg)
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.
![Page 8: Sitecore Web Forms for Marketers](https://reader036.vdocuments.us/reader036/viewer/2022062703/554d09c8b4c905d4568b4b7b/html5/thumbnails/8.jpg)
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.
![Page 9: Sitecore Web Forms for Marketers](https://reader036.vdocuments.us/reader036/viewer/2022062703/554d09c8b4c905d4568b4b7b/html5/thumbnails/9.jpg)
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.
![Page 10: Sitecore Web Forms for Marketers](https://reader036.vdocuments.us/reader036/viewer/2022062703/554d09c8b4c905d4568b4b7b/html5/thumbnails/10.jpg)
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
![Page 11: Sitecore Web Forms for Marketers](https://reader036.vdocuments.us/reader036/viewer/2022062703/554d09c8b4c905d4568b4b7b/html5/thumbnails/11.jpg)
Namics.
Submit Actions.
11.04.23 11 Denken. Präsentieren. Umsetzen.
![Page 12: Sitecore Web Forms for Marketers](https://reader036.vdocuments.us/reader036/viewer/2022062703/554d09c8b4c905d4568b4b7b/html5/thumbnails/12.jpg)
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
![Page 13: Sitecore Web Forms for Marketers](https://reader036.vdocuments.us/reader036/viewer/2022062703/554d09c8b4c905d4568b4b7b/html5/thumbnails/13.jpg)
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
![Page 14: Sitecore Web Forms for Marketers](https://reader036.vdocuments.us/reader036/viewer/2022062703/554d09c8b4c905d4568b4b7b/html5/thumbnails/14.jpg)
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
![Page 15: Sitecore Web Forms for Marketers](https://reader036.vdocuments.us/reader036/viewer/2022062703/554d09c8b4c905d4568b4b7b/html5/thumbnails/15.jpg)
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
![Page 16: Sitecore Web Forms for Marketers](https://reader036.vdocuments.us/reader036/viewer/2022062703/554d09c8b4c905d4568b4b7b/html5/thumbnails/16.jpg)
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
![Page 17: Sitecore Web Forms for Marketers](https://reader036.vdocuments.us/reader036/viewer/2022062703/554d09c8b4c905d4568b4b7b/html5/thumbnails/17.jpg)
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
![Page 18: Sitecore Web Forms for Marketers](https://reader036.vdocuments.us/reader036/viewer/2022062703/554d09c8b4c905d4568b4b7b/html5/thumbnails/18.jpg)
Namics.
Formulare auf Seiten einbinden.
11.04.23 18 Denken. Präsentieren. Umsetzen.
![Page 19: Sitecore Web Forms for Marketers](https://reader036.vdocuments.us/reader036/viewer/2022062703/554d09c8b4c905d4568b4b7b/html5/thumbnails/19.jpg)
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
![Page 20: Sitecore Web Forms for Marketers](https://reader036.vdocuments.us/reader036/viewer/2022062703/554d09c8b4c905d4568b4b7b/html5/thumbnails/20.jpg)
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
![Page 21: Sitecore Web Forms for Marketers](https://reader036.vdocuments.us/reader036/viewer/2022062703/554d09c8b4c905d4568b4b7b/html5/thumbnails/21.jpg)
Namics.
Vielen Dank für die Aufmerksamkeit.
© Namics
11.04.23 21 Denken. Präsentieren. Umsetzen.