Beispiel: Erstellen eines mehrseitigen Bewerbungsformulars

Folgendes Beispiel zeigt, wie Sie eine Bewerbungsformular erstellen. Es wird das gleiche Bewerbungsformular wie in Beispiel: Erstellen eines Bewerbungsformulars verwendet, jedoch wird dieses Formular auf drei gesonderten Seiten und nicht auf einer einzigen Seite angezeigt. Der zweite Schritt ist ein bedingter Schritt und wird nur angezeigt, wenn der Besucher im ersten Schritt den Support-Jobtyp auswählt. Das Formular verwendet die folgenden Elemente: Formularschritt, Text, Auswahl, Textbereich, Verborgene Besucherprofilierung, Datei-Upload und Schaltfläche „Senden“.

1. Erstellen Sie drei neue Seiten: Persönliche Daten, Anschreiben und Lebenslauf hochladen.
2. Wählen Sie Formulare aus dem Ressourcenbereich aus, um sich verfügbare Formularordner anzeigen zu lassen.
3. Wählen Sie im Kontextmenü eines Ordners Neues Formular aus. Ändern Sie in der Ansicht „Alle Eigenschaften“ die Elemente wie folgt:
   

   Containereinstellungen	Konfiguration
   Name	Geben Sie einen Namen für das Formular ein, zum Beispiel Mehrseitige Bewerbung.
   Formulartitel	Geben Sie Bewerben Sie sich bei uns! ein. als Formulartitel.
   Beschreibung	Geben Sie Senden Sie uns Ihre Bewerbung! als Beschreibung ein. als Beschreibung.
   Navigationsleiste anzeigen, wenn das Formular mehrere Schritte umfasst	Aktivieren Sie dieses Kontrollkästchen, um eine Navigationsleiste einzubinden, die dem Besucher anzeigt, wie viele Schritte das Formular umfasst.

4. Ziehen Sie 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	Passen Sie die Einstellungen des Formularelements wie folgt an: Benennen Sie das Formularelement Schritt 1. Hinweis: Der Schritttitel wird dem Besucher im Formular angezeigt; Name ist die Formularelementinstanz und was Ihnen als Spaltentitel in den Formularübermittlungen angezeigt wird. Geben Sie Sagen Sie uns, wer Sie sind als Beschreibung ein. Wählen Sie in der Registerkarte Einstellungen > Schritt in anderem Inhalt anzeigen die Seite Persönliche Daten. Wenn der Besucher die in diesem Schritt eingegebenen Daten überprüfen und bestätigen soll, siehe Beispiel: Hinzufügen eines Rich-Text-Bestätigungsschritts.
   Text	Benennen Sie das Formularelement Vollständiger Name und aktivieren Sie das Kontrollkästchen Erforderlich. Fügen Sie einen Platzhalter hinzu, z. B. Vorname {Mittelname} Nachname; dadurch teilen Sie Besuchern das erwartete Namensformat mit.
   Text	Benennen Sie das Feld E-Mail und fügen Sie einen Tooltip hinzu. Aktivieren Sie die Kontrollkästchen Erforderlich und E-Mail-Adresse. Fügen Sie einen Platzhalter hinzu, z. B. [email protected] ; dadurch erfahren Besucher, was Sie im Textfeld eingeben sollen.
   Auswahl	Passen Sie die Einstellungen des Formularelements wie folgt an: Name. Jobtyp Dies erleichtert die Identifizierung der spezifischen Formularelementinstanz im Gadget Formularelemente. Feldtext. Jobtyp Dies ist die Beschriftung des Dropdown-Menüs, das dem Besucher im Formular angezeigt wird. Aktivieren Sie das Kontrollkästchen Erforderlich. Fügen Sie unter Alternativen> Manuelle Eingabe verwenden 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 eine bedingte Seite hinzu, die nur angezeigt wird, wenn der Besucher den Jobtyp Support wählt. Benennen Sie das Formularelement Schritt 2. Geben Sie Beschreiben Sie Ihre Fähigkeiten als Beschreibung ein. In der Registerkarte Einstellungen: —Bild: Konfiguration der Registerkarte „Einstellungen für Schritt 2“— Schritt in anderem Inhalt anzeigen: Klicken Sie auf Durchsuchen und wählen Sie Begleitschreiben. Nur anzeigen wenn Feld: Klicken Sie auf Durchsuchen und wählen Sie Jobtyp aus. —Bild: Abhängiges Feld auswählen— Wert...: Wählen Sie Entspricht aus. dem folgenden Wert: Geben Sie Support ein.
   Textbereich	Benennen Sie das Formularelement Begleitschreiben. Geben Sie Beschreiben Sie Ihre Fähigkeiten hier unter Platzhaltertext , damit der Besucher weiß, welche Art von Informationen er eingeben soll.
   Formularschritt	Benennen Sie das Formularelement Schritt 3. Geben Sie Laden Sie Ihren Lebenslauf hoch als Beschreibung ein. Auf der Registerkarte Einstellungen >Schritt in anderem Inhalt anzeigen aufrufen. Klicken Sie auf Durchsuchen und wählen Sie Lebenslauf hochladen aus.
   Verborgene Besucherprofilierung	Wählen Sie Geo: Regionalcode. Dieses Feld wird nur für interne Zwecke verwendet und dem Besucher nicht angezeigt. Episerver 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. Umbenennen in Lebenslauf hochladen. Max. Dateigröße. 4 (MB). Zulässige Dateiformate: pdf, docx, txt Aktivieren Sie das Kontrollkästchen Erforderlich.
   Schaltfläche „Versenden“	Benennen Sie die Schaltfläche Bewerbung absenden.

   —Bild: Bearbeitetes-Bewerbungsformular—

   

5. Ziehen Sie das Formular Mehrseitige Bewerbung auf die Seiten Persönliche Daten, Begleitschreiben und Lebenslauf hochladen und veröffentlichen Sie die Seiten.

Testen Sie Ihr Formular

Gehen Sie zum Testen auf der Website auf Persönliche Daten und geben Sie im Ansichtsmodus auf der Seite Daten ins Formular ein.

1. Geben Sie einen Namen, eine E-Mail-Adresse ein, wählen Sie einen Jobtyp aus und klicken Sie auf Nächster.

   

2. Wenn Sie Support auswählen, sehen Sie den nachfolgenden Schritt bei Begleitschreiben. Wenn Sie Support nicht auswählen, sehen Sie den nachfolgenden Schritt bei Lebenslauf hochladen. Geben Sie den Text für ein Begleitschreiben ein und klicken Sie auf Nächster Schritt.

   

3. Klicken Sie auf Datei auswählen und laden Sie eine Datei hoch (nur pdf, docx oder txt). Klicken Sie dann auf Bewerbung absenden. Nach dem Übermitteln der Daten, werden diese in Episerver gespeichert.

   

Formularübermittlungen anzeigen

Um Ihre Testergebnisse anzusehen, gehen Sie zu Ihrem Mehrseitigen 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.

Beispiel: Hinzufügen eines Rich-Text-Bestätigungsschritts

Das folgende Beispiel zeigt, wie das Rich-Text-Feld zum Hinzufügen eines Bestätigungsschritts bei einem mehrseitigen Bewerbungsformular verwendet werden kann.

1. Öffnen Sie das Formular Mehrseitige Bewerbung und ziehen Sie einen Formularschritt und ein Rich-Text-Element vor den zweiten Schritt.
2. Bearbeiten Sie den Formularschritt entsprechend:
   1. Bennen Sie ihn in Eingaben bestätigen um und fügen Sie eine Beschreibung hinzu.
   2. Klicken Sie auf der Registerkarte Einstellungen >Schritt in anderem Inhalt anzeigen auf Durchsuchen und wählen Sie Persönliche Daten aus.
   3. Veröffentlichen Sie das Element.
3. Bearbeiten Sie das Rich-Text-Element wie in der folgenden Abbildung gezeigt und veröffentlichen Sie das Element. Verwenden Sie die Auswahlliste Platzhalter einfügen, um Platzhalter in den Inhalt einzufügen.

   

   —Bild: Der Bestätigungsschritt wurde dem mehrseitigen Bewerbungsformular hinzugefügt—

   

4. Veröffentlichen Sie Ihr Formular erneut.
5. Gehen Sie zur Seite Persönliche Daten, geben Sie einen Namen und eine E-Mail-Adresse ein und wählen Sie einen Jobtyp aus.
   —Bild: Daten in Schritt 1 des mehrseitigen Bewerbungsformulars eingeben—

   

6. Klicken Sie auf Nächster. Der Bestätigungsschritt wird mit den zuvor eingegebenen Daten angezeigt.
   —Bild: Anzeige der eingegebenen Daten im mehrseitigen Bewerbungsformular—