Beispiel: Erstellen einer Kundenzufriedenheitsumfrage

Dieses Beispiel zeigt, wie Sie eine Kundenzufriedenheitsumfrage erstellen, die je nach der Antwort des Besuchers unterschiedliche Formularelemente anzeigt. Die Umfrage ist für ein Café, das wissen möchte, was die Kunden am Angebot dieses Cafés mögen und was nicht.

Das Formular besteht aus drei Schritten. Im ersten Schritt werden grundlegende personenbezogene Daten (Name und E-Mail-Adresse) erhoben, im zweiten Schritt werden Kundenmeinungen eingeholt, und im dritten Schritt kann ein Besucher an einem Fotowettbewerb teilnehmen, indem er ein im Café aufgenommenes Foto hochlädt.

Im zweiten Schritt, dem Sammeln von Kundenmeinungen, sind einige Formularelemente von anderen Formularelementen abhängig. Das heißt, wenn ein Besucher auf die Frage „Was gefällt dir am Café am besten?“ mit „Essen“ antwortet, wird eine zusätzliche Frage angezeigt. Die Zusatzfrage „Welches Essen mögen Sie besonders?“ wird nicht angezeigt, wenn der Besucher bei der ersten Frage „Personal“, „Ambiente“ oder „Getränke“ wählt.

Das Beispiel verwendet die folgenden Formularelemente: Formularschritt, Text, Textbereich, Mehrfach- oder Einfachauswahl, Auswahl, Datei-Upload und Schaltfläche zum Versenden. 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 die Option Neuer Ordner aus dem Kontextmenü wählen.
3. Wählen Sie im Kontextmenü eines Ordners die Option Neues Formular aus und geben Sie eine Bezeichnung ein, zum Beispiel Kundenzufriedenheitsumfrage.
4. Rufen Sie die Ansicht Alle Eigenschaften auf und bearbeiten Sie die Formularcontainer-Einstellungen wie folgt:
   

   Eigenschaft	Konfiguration
   Formulartitel	Benennen Sie das Formular mit dem Titel Kundenzufriedenheitsumfrage.
   Beschreibung	Geben Sie die Beschreibung Nehmen Sie an unserer Umfrage teil! ein
   Mehrere Übermittlungen von derselben IP-Adresse/vom selben Cookie aus zulassen	Aktivieren Sie dieses Kontrollkästchen, wenn Sie das Formular mehrmals selbst testen möchten oder wenn Sie den Besuchern erlauben möchten, die Umfrage mehrmals einzusenden.
   Navigationsleiste anzeigen...	Aktivieren Sie das Kontrollkästchen Navigationsleiste anzeigen...

   —Bild: Formularcontainer-Einstellungen—

   
   

5. Ziehen Sie folgende Formularelemente per Drag & Drop in den Bereich Formularelemente im neuen Formularcontainer. Verändern Sie die Elemente wie folgt (fügen Sie Ihre eigenen Tooltips und einen eigenen Platzhalter-Text hinzu) und veröffentlichen Sie jedes Element:
   

   Formularelement	Konfiguration
   Formularschritt	Benennen Sie den Formularschritt Grundlegende personenbezogenen Daten. (Mit Name wird das Formularelement in der CMS-Benutzeroberfläche bezeichnet; Schritttitel wird dem Besucher angezeigt, der das Formular ausfüllt.)
   Text	Benennen Sie das Formularelement Ihr Name. Aktivieren Sie das Kontrollkästchen Erforderlich.
   Text	Benennen Sie das Feld Ihre E-Mail-Adresse. Aktivieren Sie das Kontrollkästchen E-Mail.
   Formularschritt	Benennen Sie den Formularschritt Ihre Meinungen.
   Mehr- oder Einfachauswahl	Passen Sie die Einstellungen des Formularelements wie folgt an: Benennen Sie das Element: Das Beste am Café Feldtext: Was gefällt Ihnen am Café am besten? Aktivieren Sie das Kontrollkästchen Erforderlich. Wählen Sie unter Auswahlmöglichkeiten Manuelle Eingabe verwenden aus und fügen Sie durch Anklicken des Pluszeichens die folgenden Elemente hinzu (setzen Sie Wert auf die gleiche Option wie Auswahlmöglichkeit): Auswahlmöglichkeit: Personal Auswahlmöglichkeit: Ambiente Auswahlmöglichkeit: Essen Auswahlmöglichkeit: Getränke
   Auswahl	Passen Sie die Einstellungen des Formularelements wie folgt an: Benennen Sie das Element: Bestes Essen Feldtext: Welches Essen mögen Sie besonders? Aktivieren Sie das Kontrollkästchen Erforderlich. Wählen Sie unter Auswahlmöglichkeiten Manuelle Eingabe verwenden aus und fügen Sie durch Anklicken des Pluszeichens die folgenden Elemente hinzu (setzen Sie Wert auf die gleiche Option wie Auswahlmöglichkeit): Auswahlmöglichkeit: Die Pizzas Auswahlmöglichkeit: Fish & Chips Auswahlmöglichkeit: Tunfisch-Mayonnaise-Sandwich Auswahlmöglichkeit: Den leckeren Kuchen natürlich! Stellen Sie in der Registerkarte Abhängigkeiten folgendes ein: Dieses Feld auf Einblenden Wenn auf Alle Fügen Sie wie folgt eine Bedingung hinzu:
   Mehr- oder Einfachauswahl	Passen Sie die Einstellungen des Formularelements wie folgt an: Benennen Sie das Element: Das Schlechteste am Café Feldtext: Was gefällt Ihnen am Café nicht? Aktivieren Sie das Kontrollkästchen Erforderlich. Wählen Sie unter Auswahlmöglichkeiten Manuelle Eingabe verwenden aus und fügen Sie durch Anklicken des Pluszeichens die folgenden Elemente hinzu (setzen Sie Wert auf die gleiche Option wie Auswahlmöglichkeit): Auswahlmöglichkeit: Personal Auswahlmöglichkeit: Essen Auswahlmöglichkeit: Getränke Auswahlmöglichkeit: Nichts, alles ist perfekt
   Textbereich	Passen Sie die Einstellungen des Formularelements wie folgt an: Benennen Sie das Element: Beschwerden über Essen Feldtext: Warum schmeckt Ihnen unser Essen nicht? Stellen Sie in der Registerkarte Abhängigkeiten folgendes ein: Dieses Feld auf Einblenden Wenn auf Alle Fügen Sie wie folgt zwei Bedingungen hinzu:
   Formularschritt	Benennen Sie das Formularelement Wettbewerb.
   Mehr- oder Einfachauswahl	Benennen Sie das Formularelement Möchten Sie an unserem Fotowettbewerb teilnehmen und ein Abendessen für zwei Personen gewinnen? (optional) Benennen Sie das Element: Fotowettbewerb Feldtext: Möchten Sie an unserem Fotowettbewerb teilnehmen und ein Abendessen für zwei Personen gewinnen? (optional) Wählen Sie unter Auswahlmöglichkeiten Manuelle Eingabe verwenden aus und fügen Sie durch Anklicken des Pluszeichens die folgenden Elemente hinzu (setzen Sie Wert auf die gleiche Option wie Auswahlmöglichkeit): Auswahlmöglichkeit: Ja Auswahlmöglichkeit: Nein
   Datei-Upload	Benennen Sie das Formularelement Laden Sie hier Ihr Foto hoch und legen Sie die zulässigen Dateierweiterungen und eine maximale Upload-Größe fest. Stellen Sie in der Registerkarte Abhängigkeiten folgendes ein: Dieses Feld auf Einblenden Wenn auf Alle Fügen Sie wie folgt eine Bedingung hinzu:
   Schaltfläche zum Versenden	Benennen Sie die Schaltfläche Ihre Meinungen absenden.

6. Veröffentlichen Sie den Formularcontainer.
   —Bild: Das Formular zur Kundenzufriedenheitsfrage in der Bearbeitungsansicht auf der Seite—

   

7. Ziehen Sie das Formular Kundenzufriedenheitsumfrage auf eine Webseite und veröffentlichen Sie die Seite.

Testen Sie Ihr Formular

Gehen Sie zum Testen auf die richtige Unterseite der Website und geben Sie im Ansichtsmodus auf der Seite Daten ins Formular ein.

1. Fügen Sie im ersten Schritt einen Namen und eine E-Mail-Adresse hinzu. Klicken Sie auf Nächster Schritt.
2. Wählen Sie Essen aus und beachten Sie, dass eine neue Frage angezeigt wird: Welches Essen mögen Sie besonders? Wählen Sie eine der Optionen aus.
3. Wählen Sie unter Was gefällt Ihnen am Café nicht? Essen aus und beachten Sie, dass ein freies Textfeld angezeigt wird. Geben Sie einen Kommentar in das Textfeld ein und klicken Sie auf Nächster Schritt.
4. Wählen Sie Ja aus, um am Fotowettbewerb teilzunehmen und ein Foto hochzuladen. Klicken Sie auf Senden. Nach dem Übermitteln der Daten, werden diese in Episerver gespeichert.

Formularübermittlungen anzeigen

Um sich das Ergebnis Ihres Tests anzeigen zu lassen, rufen Sie Ihr Formular zur Kundenzufriedenheitsumfrage im Ressourcenbereich auf und wählen Sie Formularübermittlungen aus dem Kontextmenü aus. Die Ansicht Formularübermittlungen wird mit den Daten angezeigt, die aus dem Formular übermittelt werden.

Wenn Sie alle Besucher finden möchten, die am Fotowettbewerb teilnehmen wollten, können Sie die Formularübermittlungen entweder sortieren, indem Sie auf die Spalte Fotowettbewerb klicken, oder indem Sie in dieser Spalte nach der Antwort Ja suchen: