Beispiel: Kundenzufriedenheitsumfrage erstellen
Dieses Beispiel zeigt, wie Sie eine Kundenzufriedenheitsumfrage erstellen, die je nach 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.
Video-Tutorial (auf Englisch): Formular mit Abhängigkeiten zwischen Formularfeldern erstellen (9:58 Minuten)
Die Kundenzufriedenheitsumfrage 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.
Alle Formularelemente und der Formularcontainer selbst müssen veröffentlicht werden, damit sie verfügbar sind. Sie können die Projekte-Funktion verwenden, um alle Elemente zu verwalten und mehrfach zu veröffentlichen.
- Wählen Sie den Reiter Forms aus dem Ressourcenbereich aus.
- 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.
- Wählen Sie im Kontextmenü eines Ordners die Option Neues Formular aus und geben Sie eine Bezeichnung ein, z. B. Kundenzufriedenheitsumfrage.
- 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... - Ziehen Sie folgende Formularelemente per Drag-and-drop in den Bereich Formularelemente im neuen Formularcontainer. Verändern Sie die Elemente wie folgt (fügen Sie Ihre eigenen Tooltips und einen eigenen Platzhaltertext 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 Plus-Symbols + 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 Plus-Symbols + 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 dem Reiter 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 Plus-Symbols + 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 dem Reiter 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 Plus-Symbols + 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 dem Reiter 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. - Veröffentlichen Sie den Formularcontainer.
- 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 Webseite und geben Sie im Ansichtsmodus auf der Seite Daten ins Formular ein.
- Fügen Sie im ersten Schritt einen Namen und eine E-Mail-Adresse hinzu. Klicken Sie auf Nächster Schritt.
- 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.
- 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.
- 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 Optimizely 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: