MultiStep Form mit Übersichtsseite

Guten Tag,

ich benötige Hilfe beim erstellen eines Formulars.

Im Screenshot sieht man ein Formular zum erfassen eines neuen Fahrzeug-Inserats für einen Fahrzeugmarkt.

Sie können das Formular auch selbst einsehen, dazu müssen Sie folgende Schritte durchführen.

• Kostenfreies Konto einrichten. --> https://www.mobile.de/?lang=en
• Erstellen Sie ein neues Inserat --> https://www.mobile.de/verkaufen/a/fahrzeug/start?lang=en
• Füllen Sie alle Felder auf der ersten Seite aus und klicken Sie auf weiter.
• wählen Sie auf der nächsten Seite "Create Ad" aus um zum Formular zu gelangen
• Dann sollten Sie zu dieser Seite gelangen --> https://www.mobile.de/verkaufen/a/inserat/pkw/hub

Generell gesehen ist es ein mehrseitiges Formular mit ca. 20-30 Seiten.

Das Problem, welches ich gerade nicht lösen kann ist, wie man eine Status-Übersichtsseite erstellen kann (Screenshot) woraus man von einer Seite zur anderen Navigieren kann, wenn man dem automatischen Leitfaden nicht folgen möchte.

Könnten Sie mir helfen diese Art Formular zu erstellen?

Viele Grüße

Roman Baier

Hallo,

Dem Screenshot nach zu Urteilen ist diese Start-Seite ein Formular mit ein- und ausklappenden Bereichen.

Dies können sie durch Einbau von Feldern zum Abschnitt einklappen erreichen:

In Benutzung sieht dies dann so aus:

Es ist dann kein mehrseitiges Formular mehr, da alle Punkte ja als Übersicht auf der ersten Seite sichtbar sind.

Die Unterpunkte könne durch Bedingungen zusätzlich weiter ein und ausgeblendet werden, je nachdem was vom Nutzer ausgewählt wird. Smarte-Formulare: Bedingte-Logik-für-online-Formulare

Alternativ könnten Sie das Formular mit dem Seitenumbruch in verschiedene Seiten teilen und dann mit dem Breadcrumb-Widget eine Navigation erstellen:

Ich hoffe, dies hilft Ihnen weiter. Kommen Sie gerne mit weiteren Fragen wieder auf uns zu.

Hallo Dagmar,

danke für deine Rückmeldung. Dein Ansatz wird mir helfen die Übersichtsseite anzulegen, danke.

Die Logik hinter der Übersichtsseite ist jedoch eine andere.

Im folgenden zeige ich dir einige Screenshots.

durch das klicken auf den Button Bearbeiten gelangt man zur Detailseite um die Daten passend zu diesem Bereich hinterlegen zu können..

Sobald man hier auf den Button "Ready" klickt wird in der Übersichtsseite das Symbol grün dargestellt.

Wie du gleich sehen wirst, ist es also nicht eine einfache Checkbox sonder zeigt den Status des folgenden Bereiches an. Kann man so etwas umsetzen?

Es würde mich freuen wenn ich so eine Struktur in einem anderen Design mit Jotform umsetzen könnte.

Vielen Dank für deine Hilfe

Hallo Roman,

Ja, ich sehe, was Sie meinen.

Es sollen auf der ersten Seite Änderungen vorgenommen werden, je nachdem, was auf den Unterseiten/Unterformularen geändert wird. Das könnte über Bedingungen, die Schalter umlegen, wenn ein bestimmtes Feld ausgefüllt wurde vielleicht möglich sein.

Ich würde gerne daran noch ein wenig weiter probieren.

Ich melde mich bald wieder.

Hi Dagmar,

ich habe mit der Übersichtsseite begonnen.

https://form.jotform.com/211241453793352

Falls dir das hilft...

Wie ich aber die Unterseiten (Je Section) erstellen soll und die Verlinkung (rein in das unterformular und wieder raus zur Übersichtsseite) erstellen kann, verstehe ich gerade nicht.

Danke für deine Hilfe.. :-)

VG
Roman

Hallo,

Entschuldigen Sie die späte Antwort.

Der Wechsel auf die nächste (Unter-)Seite mit der Bedingung "Springe zu Seite" wird immer erst durch den Klick auf den Weiter-Button ausgelöst.

Vielleicht ist es nötig das Formular hier bei Jotform anders aufzubauen.

Erste Seite: Übersicht über alle Fragen

Zweite Seite: BASICS mit aufklappbaren Abschnitten zu allen Unterpunkten

Seite Drei: Finacial mit aufklappbaren Abschnitten zu allen Unterpunkten

usw.

Dann können Sie das Widget Überprüfen vor dem Absenden einbinden und der Nutzer kann sich noch einmal alles vor dem Absenden anschauen.

Vielleicht geht es so. Bei weiteren Fragen stehen wir gerne zur Verfügung.