sitecore web forms for marketers

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

E-Mail

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.

Troy.Luechinger@namics.com

© Namics

11.04.23 21 Denken. Präsentieren. Umsetzen.