Beispiel: Bewerbungsformular erstellen
Folgendes Beispiel zeigt, wie Sie ein mehrstufiges Bewerbungsformular erstellen. Im ersten Schritt gibt der Besucher seinen Namen und seine E-Mail-Adresse ein und wählt einen Jobtyp aus, für den er sich bewerben möchte. Wählt der Besucher den Jobtyp Support , wird ein zweiter Schritt angezeigt, in den er zusätzliche Informationen eingeben kann. Besucher, die einen anderen Jobtyp auswählen, werden direkt zu Schritt 3 weitergeleitet und können dort einen Lebenslauf hochladen. Das Formular verwendet die folgenden Elemente: Formularschritt, Text, Auswahl, Textbereich, Verborgene Besucherprofilierung, Datei-Upload und Senden-Schaltfläche.
- Wählen Sie Formulare aus dem Ressourcenbereich aus, um sich verfügbare Formularordner anzeigen zu lassen.
- Wählen Sie im Kontextmenü eines Ordners Neues Formular aus und geben Sie ihm einen Namen, zum Beispiel Bewerbung.
- Ziehen Sie folgende Formularelemente in den neuen Formularcontainer. Verändern Sie die Elemente wie folgt (fügen Sie Ihren eigenen Platzhaltertext hinzu) und veröffentlichen Sie jedes Element:
Formularelement Konfiguration Formularschritt Benennen Sie das Formularelement Schritt 1. Text Benennen Sie das Feld Vollständiger Name und aktivieren Sie das Kontrollkästchen Erforderlich. Text Benennen Sie das Feld E-Mail und fügen Sie einen Tooltip hinzu. Auswahl Passen Sie die Einstellungen des Formularelements wie folgt an: - Benennen Sie das Element: Jobtyp
- Feldtext: Jobtyp
- Aktivieren Sie das Kontrollkästchen Erforderlich.
- Wählen Sie unter Alternativen Manuelle Eingabe verwenden und fügen Sie die folgenden Elemente hinzu:
- Alternative: Entwicklung ; Wert Entwicklung
- Alternative: Engineering; Wert Engineering
- Alternative: Expert Services; Wert Expert Services
- Alternative: Support; Wert Support
Formularschritt Dieses Formularelement fügt einen bedingten Schritt hinzu, der nur angezeigt wird, wenn der Besucher den Jobtyp Support wählt. - Benennen Sie das Formularelement Schritt 2.
- Nehmen Sie bei dem Reiter Einstellungen die folgenden Einstellungen vor:
- Nur anzeigen wenn Feld: Klicken Sie auf Durchsuchen [...] und wählen Sie Jobtyp aus.
- Wert...: Wählen Sie Entspricht aus.
- dem folgenden Wert: Geben Sie Support ein.
Textbereich Benennen Sie das Formularelement Begleitschreiben. Formularschritt Benennen Sie das Formularelement Schritt 3. Verborgene Besucherprofilierung Wählen Sie Geo: Regionalcode. Dieses Feld wird nur für interne Zwecke verwendet und dem Besucher nicht angezeigt. Optimizely protokolliert, wo sich jeder Besucher (der das Formular ausfüllt) befindet. Datei-Upload Dieses Formularelement fügt eine Funktion zum Hochladen von Dateien ein, bei der Sie bestimmen, welche Dateitypen und Dateigröße der Besucher hochladen darf. Passen Sie die Einstellungen des Formularelements wie folgt an:
- Feldtext: Lebenslauf hochladen. Erlaubte Dateitypen: PDF, DOCX, TXT.
- Max. Dateigröße: 4 (MB).
- Zulässige Dateiformate: pdf, docx, txt
- Aktivieren Sie das Kontrollkästchen Erforderlich.
Schaltfläche zum Versenden Benennen Sie die Schaltfläche Lebenslauf absenden. - Wählen Sie die Ansicht Alle Eigenschaften und aktivieren Sie das Kontrollkästchen Navigationsleiste anzeigen, wenn das Formular mehrstufig ist.
- Veröffentlichen Sie den Formularcontainer.
- Ziehen Sie das Formular Bewerbung per Drag-and-drop 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.
- Geben Sie einen Namen, eine E-Mail-Adresse ein, wählen Sie einen Jobtyp aus und klicken Sie auf Nächster.
- Wenn Sie Support auswählen, sehen Sie den nachfolgenden Schritt. Wenn Sie Support nicht auswählen, überspringen Sie diesen Schritt und gehen zum Folgeschritt über. Geben Sie den Text für ein Begleitschreiben ein und klicken Sie auf Nächster.
- Klicken Sie auf Datei auswählen und laden Sie eine Datei hoch (nur pdf, docx oder txt). Klicken Sie dann auf Lebenslauf absenden. Nach dem Übermitteln der Daten werden diese in Optimizely gespeichert.
Formularübermittlungen anzeigen
Um Ihre Testergebnisse anzusehen, gehen Sie zu Ihrem Bewerbungsformular und wählen Sie Formularübermittlungen im Kontextmenü aus. Die Ansicht Formularübermittlungen wird mit den Daten angezeigt, die aus dem Formular übermittelt werden.