KI-Zusammenfassung
Möchten Sie Seitenumbrüche in Ihrem Formular überspringen, wenn die bedingte Logik nicht erfüllt ist? Bei der Verwendung von bedingter Logik mit Seitenumbrüchen wird die nächste Seite angezeigt, auch wenn die Bedingungen nicht erfüllt sind, was zu leeren Seiten für die Benutzer führt. Mit einem einfachen JavaScript-Snippet können Sie diese unnötigen Seiten leicht überspringen.
In diesem Tutorial zeigen wir Ihnen, wie Sie leere Seiten mit einem einfachen JavaScript-Snippet überspringen können.
Erstellen des Formulars
Zuerst müssen Sie ein neues Formular erstellen oder ein bestehendes bearbeiten, um auf den Formular-Generator zuzugreifen. Wir haben ein Angebotsformular erstellt, das mehrere Seitenumbrüche enthält.
Auf der ersten Seite sammeln wir einige grundlegende Informationen über die Benutzer. Wir haben auch ein Feld vom Typ Multiple Choice hinzugefügt, um sie zu fragen, ob sie zu diesem Zeitpunkt ein kostenloses persönliches Angebot vereinbaren möchten.
Wenn sie Ja auswählen, zeigen wir die zweite Seite an und bitten um einige persönliche Informationen. Wenn sie jedoch Nein auswählen, möchten wir die zweite Seite komplett überspringen und direkt zur letzten Seite des Formulars springen.
Einrichtung der bedingten Logik
Für unser Beispiel möchten wir die Felder Datum/Uhrzeit und Adresse auf der zweiten Seite nur anzeigen, wenn auf der ersten Seite ausgewählt wurde, dass Interesse an einem kostenlosen persönlichen Angebot besteht. Dies spart unseren Besuchern Zeit, wenn sie kein Interesse haben, sodass wir diese Seite komplett überspringen können, wenn sie nicht besucht werden möchten.
Die beiden Felder auf der zweiten Seite haben alle die gleiche Logik eingestellt. Um die Logik einzurichten, wählen Sie jedes Feld aus und klicken Sie auf Smart Logic. Schalten Sie dann den Schalter auf Bedingte Logik aktivieren.
Wählen Sie aus dem Dropdown-Menü die Frage aus, auf der Sie Ihre Felder basieren. Für dieses Tutorial war unsere Frage ein Feld vom Typ Multiple Choice , das fragt: Möchten Sie ein kostenloses persönliches Angebot vereinbaren?.
Unsere Bedingung ist, dass wenn die Antwort auf das Multiple-Choice-Feld Ja lautet, dann zeigen Sie das Feld an. Wenn es Nein ist, blenden Sie das Feld aus.
Jedes Feld auf der zweiten Seite hat die gleiche Logik, daher wiederholen Sie diesen Schritt für jedes Feld. Alternativ können Sie das Layout-Feld verwenden, um ähnliche Felder zu gruppieren und dann die bedingte Logik für das Layout-Feld aktivieren.
Hinzufügen des Snippets
Nun müssen Sie den unten stehenden Code-Schnipsel zu Ihrer Website hinzufügen. Wenn Sie Hilfe benötigen, wie und wo Sie Code-Schnipsel zu Ihrer Website hinzufügen können, lesen Sie bitte dieses Tutorial.
Dieser Code-Schnipsel durchläuft jede Seite Ihres Formulars, um festzustellen, ob eine leer ist. Wenn eine Seite leer ist, überspringt das Skript diese Seite vollständig und geht zur nächsten über. Dies verbessert die Gesamterfahrung Ihres Formulars.
Häufig gestellte Fragen
Unten haben wir einige der häufigsten Fragen zur Verwendung von bedingter Logik bei mehrseitigen Formularen beantwortet.
F: Funktioniert dieser Ausschnitt in einem modales Fenster wie einem Elementor-Popup?
A: Derzeit nicht.
Das ist alles! Sie haben jetzt gelernt, wie Sie Seiten überspringen können, wenn sie in Ihrem Formular aufgrund bedingter Logik ausgeblendet sind.
Möchten Sie die Schaltfläche Senden in einem Formular basierend auf einem Ihrer Formularfelder bedingt anzeigen oder ausblenden? Sehen Sie sich unser Tutorial an: So blenden Sie die Schaltfläche Senden bedingt ein.