Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

6 Möglichkeiten, bedingte Logik in WordPress-Formularen zu verwenden (Top-Anwendungsfälle)

Mit der bedingten Logik können Formulare in Echtzeit auf der Grundlage der Antworten des Benutzers geändert werden, wodurch sie relevanter und ansprechender werden.

Unserer Erfahrung nach eignet sich die bedingte Logik hervorragend für alle Arten von Benutzer Befragungen bis hin zu RSVP-Formularen für Veranstaltungen. Sie macht Ihre Formulare dynamischer und kann zu mehr Formularausfüllungen und Konversionen führen.

In diesem Artikel werden wir die besten Möglichkeiten zur Verwendung von bedingter Logik in Ihren WordPress-Formularen untersuchen.

Ways to use conditional logic in-post image

Was ist bedingte Logik in Formularen, und warum ist sie wichtig?

Die bedingte Logik ist eine leistungsstarke Funktion, mit der Sie die Änderung von Formularfeldern in Abhängigkeit von den Antworten des Benutzers aktivieren können.

Anstatt also jedem Benutzer alle möglichen Felder anzuzeigen, können Sie Felder auf der Grundlage bestimmter Bedingungen ein- oder ausblenden. Dies macht Ihre Formulare übersichtlicher und erleichtert die Navigation, da Sie sicherstellen, dass die Benutzer nur die relevanten Felder sehen.

Nehmen wir an, Sie haben ein Formular für eine Befragung zur Kundenzufriedenheit auf Ihrer WordPress-Website.

Wenn Kunden ihre Zufriedenheit mit „Niedrig“ (1-2 Sterne) bewerten, können zusätzliche Felder für „Bitte beschreiben Sie Ihr Problem“ und „Wie können wir uns verbessern?“ erscheinen. Und wenn Kunden ihre Zufriedenheit mit „Hoch“ (4-5 Sterne) bewerten, erscheint ein Feld für „Was hat Ihnen am besten gefallen?“.

Das Ergebnis? Ein benutzerfreundlicheres Ausfüllen von Formularen auf Ihrer WordPress-Website.

Formulare, die sich an die Antworten anpassen, halten das Interesse der Benutzer wach und ermutigen sie, ihre Antworten auszufüllen. So können Sie höhere Übermittlungsquoten erzielen.

Bei der Datenerfassung sorgt die bedingte Logik auch dafür, dass Sie qualitativ hochwertigere Daten sammeln. Der Grund dafür ist, dass Benutzer eher bereit sind, genaue Informationen zu liefern, wenn die Fragen eine hohe Relevanz für ihre vorherigen Antworten haben.

Und mit präziseren Daten aus bedingten Feldern lassen sich Folgeaktionen wie E-Mails oder Empfehlungen gezielter einsetzen. Dies kann zu höheren Konversionsraten führen.

Hinzufügen bedingter Logik in WordPress-Formularen

In den folgenden Abschnitten werden wir sechs Anwendungsfälle der bedingten Logik zur Verbesserung Ihrer WordPress-Formulare vorstellen. Um den Prozess zu demonstrieren, werden wir WPForms und Formidable Forms verwenden.

WPForms ist ein einsteigerfreundlicher Formularersteller mit Drag-and-drop-Funktionalität. Es hat mehr als 1900 Templates, die Ihnen helfen können, jedes Formular in nur wenigen Minuten zu erstellen. Weitere Details finden Sie in unserer WPForms Rezension.

Formidable Forms hingegen ist eine fortgeschrittenere Option. Sie eignet sich am besten für das Erstellen komplexer Formulare, einschließlich Rechnern und Quizfragen. In unserer Rezension zu Formidable Forms finden Sie weitere Einzelheiten.

Bevor wir also beginnen, sollten Sie diese Plugins zuerst installieren. Weitere Details finden Sie in unserer ausführlichen Anleitung zur Installation von WordPress Plugins.

Hinweis: Um bedingte Logik auf WPForms und Formidable Forms zu verwenden, benötigen Sie die Premium-Versionen der Plugins. Aber Sie können immer mit WPForms Lite beginnen und dann bei Bedarf upgraden.

Hier ist ein kurzer Überblick über die Anwendungsfälle, die wir in diesem Artikel behandeln werden:

Sind Sie bereit? Dann fangen wir an.

Anwendungsfall 1: Erfragen zusätzlicher Informationen in Befragungsformularen

Mit Hilfe der bedingten Logik können Sie ein aussagekräftigeres Formular für Befragungen erstellen.

Nehmen wir zum Beispiel an, ein Benutzer hinterlässt ein negatives Feedback über die Benutzerfreundlichkeit Ihrer Website. Vielleicht möchten Sie mehr darüber erfahren, damit Sie daran arbeiten können, es zu verbessern.

In diesem ersten Anwendungsfall zeigen wir Ihnen, wie Sie mit WPForms und dem Add-on „Umfragen und Abstimmungen“ Umfrageformulare mit bedingter Logik erstellen können.

Hinweis: Sie benötigen mindestens die WPForms Pro Plan, um die Befragungen und Umfragen Add-on verwenden.

Um ein Befragungsformular zu erstellen, müssen Sie zunächst von Ihrem WordPress-Dashboard aus zu WPForms “ Neu hinzufügen navigieren.

The Add New button under WPForms in the WordPress admin area

Dadurch werden Sie auf die Seite „Einrichtung“ von WPForms weitergeleitet. Hier können Sie Ihr Formular benennen und ein Template auswählen.

Nachdem Sie Ihr Formular benannt haben, müssen Sie das Template „Befragungsformular“ finden. Sie können die Templates auch über die Box suchen und filtern.

Wenn Sie sie gefunden haben, bewegen Sie den Mauszeigerkontakt auf die Option „Umfrageformular“ und klicken Sie auf „Vorlage verwenden“.

WPForms' Survey Form template

Nach der Auswahl des Templates erscheint möglicherweise ein Pop-up-Fenster.

Dort sehen Sie eine Meldung, dass Sie das Add-on „Umfragen und Umfragen“ benötigen, um das Template „Umfrageformular“ zu verwenden.

Klicken Sie auf „Installieren und aktivieren“.

Install and activate survey addons

Danach werden Sie zur Formularerstellung weitergeleitet.

In der Live-Vorschau können Sie alle vorgefertigten Felder sehen. Klicken wir nun auf das Feld „Wie können wir uns verbessern?“.

Gehen Sie in den Einstellungen des Feldes auf den Tab „Smart Logic“. Hier sollten Sie sehen, dass WPForms bereits aktiviert und eingerichtet hat bedingte Logik für Sie.

How can we improve? conditional logic

Die vorkonfigurierten Einstellungen für die bedingte Logik legen fest, dass das Feld „Wie können wir uns verbessern?“ nur dann angezeigt wird, wenn ein Benutzer eine 1- oder 2-Sterne-Bewertung für das Feld „Ihre Erfahrung“ abgibt. Sie können diese Einstellungen auch ändern, indem Sie mit ihnen herumspielen.

Wenn alles andere bereits gut aussieht, können Sie auf „Speichern“ klicken, damit Sie Ihren Fortschritt nicht verlieren.

Und das war’s! Sie haben erfolgreich ein Befragungsformular mit bedingter Logik erstellt. So könnte es aussehen:

Survey form on a live website

Anwendungsfall 2: Optionen in RSVP-Formularen für Veranstaltungen anzeigen oder ausblenden

In einem RSVP-Formular können Sie bedingte Logik verwenden, um Benutzer auf der Grundlage ihrer Antworten durch verschiedene Pfade zu leiten.

Wenn ein Benutzer zum Beispiel mit „Ja“ antwortet, dass er an Ihrer Veranstaltung teilnehmen möchte, können Sie ihn fragen, ob er weitere Personen mitbringen möchte. Wenn er mit „Nein“ antwortet, kann er diese Fragen überspringen und mit dem nächsten relevanten Abschnitt fortfahren.

Auf diese Weise wird die Befragung für jeden Befragten kurz und bündig gehalten, was dazu beitragen kann, die Ausfüllquote zu erhöhen.

In WPForms können Sie mit dem Template „Party Invitation RSVP Form“ schnell ein RSVP-Formular einrichten. Navigieren Sie in Ihrem WordPress-Dashboard zu WPForms “ Add New.

Sie können Ihr Formular nach der Veranstaltung benennen, die Sie durchführen möchten. Hier nehmen wir das „Party RSVP Form“ als Beispiel.

Scrollen Sie dann in der Ansicht nach unten, um das Template „Party Invitation RSVP Form“ zu finden. Wenn Sie sie gefunden haben, fahren Sie einfach mit dem Mauszeigerkontakt über die Vorlage und klicken Sie auf „Vorlage verwenden“.

wpforms-partyinvitationrsvptemplate

Als Nächstes gelangen Sie in den Abschnitt „Felder“.

Jetzt können Sie das Formular in der Drag-and-drop-Formularerstellungsoberfläche von WPForms individuell anpassen. Die linke Seite enthält alle Anpassungseinstellungen, und die rechte Seite zeigt die Live-Vorschau des Formulars.

WPForms' form builder for editing Party RSVP Form

Um mit der individuellen Anpassung zu beginnen, können Sie einfach auf ein Feld klicken. WPForms zeigt dann den Tab „Allgemein“ an, um das Feld zu bearbeiten.

Sie können zum Beispiel die Beschriftung bearbeiten, eine neue Auswahl hinzufügen und eine Beschreibung für das Feld „Werden Sie teilnehmen“ schreiben.

The Will you be attending? field

Nun ist es an der Zeit, eine bedingte Logik einzurichten.

Grundsätzlich möchten Sie das Feld „Wie viele zusätzliche Gäste bringen Sie mit?“ nur anzeigen, wenn ein Benutzer bei „Werden Sie teilnehmen?“ die Option „Ja“ auswählt.

Um das Feld ein- oder auszublenden, müssen Sie zunächst auf das Feld „Wie viele zusätzliche Gäste bringen Sie mit?“ klicken.

Auf der linken Seite können Sie auf den Tab „Intelligente Logik“ wechseln. Aktivieren Sie dann einfach die Option „Bedingte Logik aktivieren“.

Enable conditional logic for How many guests are you bringing?

Anschließend werden Dropdown-Menüs für die Konfiguration der Einstellungen angezeigt:

  • Anzeigen oder ausblenden. Mit dieser Dropdown-Liste können Sie das Feld „Wie viele zusätzliche Gäste bringen Sie mit?“ ein- oder ausblenden.
  • Feld auswählen. In dieser Auswahlliste wählen Sie eines der anderen Felder des Formulars aus, um den Gegenstand der Bedingung festzulegen.
  • Ist und andere Optionen. Die Standardkonfiguration für diese Auswahlliste ist „ist“. Sie können jedoch verschiedene Optionen wie „ist nicht“, „leer“, „enthält“, „beginnt mit“ und mehr finden.
  • Auswahl treffen. In dieser letzten Auswahlliste wählen Sie eine Option aus dem von Ihnen gewählten Feld aus.

Die vollständige Konfiguration sollte nun so aussehen, dass dieses Feldangezeigt wird, wenn„Werden Sie teilnehmenJalautet.

Wenn Sie fertig sind, klicken Sie auf „Speichern“, um Ihren Fortschritt zu sichern. Und das war’s – Sie haben erfolgreich die bedingte Logik verwendet, um ein Feld ein- oder auszublenden!

So könnte das Formular aussehen:

The Party RSVP Form on the live website

Anwendungsfall 3: Anzeige verschiedener Felder in Bewerbungsformularen

Wenn Sie Bewerbungen annehmen, können Sie eine bedingte Logik verwenden, um je nach der Position, für die sich der Bewerber bewirbt, unterschiedliche Felder anzuzeigen.

Wenn ein Bewerber beispielsweise die Position „Software-Entwickler“ auswählt, können Sie ein zusätzliches Feld wie „Programmiersprachenkenntnisse“ anzeigen.

Und wenn sie „Grafikdesigner“ wählen, erscheint stattdessen das Feld „Design Software Skills“.

Gehen wir von Ihrem WordPress-Dashboard zu WPForms “ Add New und erstellen Sie ein Bewerbungsformular mit bedingter Logik.

Auf der Seite „Einrichtung“ müssen Sie zunächst Ihr Formular benennen. Danach müssen Sie nach unten blättern, um ein Template auszuwählen.

WPForms hat eine Menge von Bewerbungsformular Templates.

In diesem Beispiel verwenden wir das „Upload-Formular für Bewerbungen“. Sobald Sie die Vorlage gefunden haben, bewegen Sie den Mauszeigerkontakt darüber und klicken Sie auf „Vorlage verwenden“.

WPForms' Job Application Upload Form template

Sobald Sie die Oberfläche von WPForms erreicht haben, können Sie das Template mit den Werkzeugen auf der linken Seite individuell anpassen.

auf der rechten Seite sehen Sie die Live-Vorschau. In diesem Abschnitt können Sie sehen, welche Felder in der Vorlage verfügbar sind.

WPForms' builder interface for the Job Application Upload Form template

Sie sollten ein Dropdown-Feld für verfügbare Positionen und Checkbox-Felder für erforderliche Fähigkeiten hinzufügen. Dann können wir eine bedingte Logik festlegen, die auf der Auswahl des Bewerbers im Dropdown-Feld für verfügbare Positionen basiert.

Um ein Feld „Für welche Stelle Sie sich bewerben“ zu erstellen, klicken Sie einfach auf der linken Seite auf „Dropdown“.

Dann können Sie das neue Dropdown-Feld per Drag-and-drop über das Feld „Wie haben Sie von dieser Stelle erfahren?“ ziehen, um alles zu organisieren.

A new dropdown field for the job application form

Als Nächstes klicken wir auf das Dropdown-Feld, um seine Details zu bearbeiten. Daraufhin öffnet sich der Tab „Feldoptionen“. Dort können Sie die folgenden Angaben bearbeiten:

  • Etikett. Dies ist wie ein Name. Anstelle von „Dropdown“ können Sie es ändern in „Für welche Stelle bewerben Sie sich?
  • Auswahlmöglichkeiten. Geben Sie in dieses Feld einfach die verfügbaren Positionen ein. Wir werden zum Beispiel„Software Entwickler“ und „Grafiker“ verwenden. Sie können so viele eingeben, wie Sie möchten.
  • Beschreibung. Falls erforderlich, können Sie eine kurze Beschreibung des Feldes eingeben. Sie wird dann direkt unter dem Dropdown-Menü angezeigt.
  • Schalter ‚Erfordert‘. Schalten Sie den Schalter „Erforderlich“ ein, um sicherzustellen, dass die Bewerber diesen Schritt nicht überspringen.

Wenn Sie die Details ausgefüllt haben, könnte es so aussehen:

Customized dropdown field

Der nächste Schritt besteht darin, Checkbox-Felder vorzubereiten, um die Eingaben des Bewerbers für die Stelle, auf die er sich bewirbt, zu verfolgen.

Gehen Sie zurück auf den Tab „Felder“ und klicken Sie auf „Kontrollkästchen“. Dann müssen Sie es noch einmal machen, damit Sie zwei Kontrollkästchenfelder haben.

Sobald Sie die Felder hinzugefügt haben, können Sie sie unter „Für welche Stelle bewerben Sie sich?“ verschieben.

Checkboxes fields below the position applying for field

Nun können Sie auf die Kontrollkästchen der Felder klicken, um deren Details zu bearbeiten. Im Bereich „Feldoptionen“ können Sie Folgendes bearbeiten:

  • Etikett. Sie können es in ‚Programmiersprachenkenntnisse‘ ändern. Für das zweite Kontrollkästchen können Sie die Bezeichnung „Design Software Skills“ wählen.
  • Auswahlmöglichkeiten. Für die Stelle des Softwareentwicklers stehen C++, Python, JavaScript, GO, Ruby usw. zur Auswahl. Die erforderlichen Fähigkeiten des Grafikdesigners können Figma, Photoshop, Adobe Illustrator, Procreate, GIMP usw. sein.
  • Beschreibung. Für dieses Feld ist es eine gute Idee, die Bewerber wissen zu lassen, dass sie mehr als eine Option wählen können.
  • Umschalter. Das Feld Optionen der Kontrollkästchen hat mehrere Schalter. Mit dem Kippschalter „Bildauswahl verwenden“ können Sie jeder verfügbaren Option Bilder hinzufügen. Und mit dem Feld „Auswahlmöglichkeiten mit Symbolen verwenden“ können Sie für jede verfügbare Option Symbole verwenden. Der Schalter „Erforderlich“ sorgt dafür, dass die Bewerber das Feld ausfüllen.

Nachdem Sie die Details der Felder individuell angepasst haben, sehen Sie hier das endgültige Aussehen:

Customized checkboxes fields

Jetzt sollten Sie bereit sein, die bedingte Logik einzustellen.

Klicken Sie zunächst auf das Feld „Programmiersprachenkenntnisse“. Navigieren Sie dann einfach zum Tab „Intelligente Logik“, um die bedingte Logik zu aktivieren.

Schalten Sie nun einfach den Schalter ‚Bedingte Logik aktivieren‘ ein. Danach können Sie das Feld so einstellen, dass es nur angezeigt wird, wenn die Bewerber die Position „Software-Entwickler“ wählen.

So sollte die vollständige Konfiguration aussehen:Zeigen Sie dieses Feldan, wenn„Für welche Stelle bewerben Sie sich?“Software Entwicklerist.

Conditional logic for candidates applying for the software developer position

Als Nächstes wiederholen wir die Schritte noch einmal für Bewerber, die sich für die Stelle eines Grafikdesigners bewerben.

Klicken Sie zunächst auf das Feld „Design Software Skills“. Aktivieren Sie dann die bedingte Logik auf dem Tab „Intelligente Logik“.

Danach können Sie die Einstellungen konfigurieren.

Die vollständige Konfiguration für dieses Feld sollte lauten: Dieses Feldanzeigen, wenn„Für welche Stelle bewerben Sie sich?Grafikdesignerist.

Design Software Skills conditional logic configured

An dieser Stelle können Sie nun auf „Speichern“ klicken.

Herzlichen Glückwunsch! Sie haben erfolgreich ein Bewerbungsformular mit bedingter Logik erstellt. Hier sehen Sie, wie es auf Ihrer Website aussehen könnte:

Job Application Form with conditional logic on a live website

Anwendungsfall 4: Personalisierte Dankesnachrichten

Mit der bedingten Logik können Sie auch verschiedene Dankesnachrichten basierend auf der Auswahl des Benutzers in Ihrem WordPress-Formular senden. Personalisierte Danksagungen können dem Benutzer wertvolle und spezifische Informationen liefern, was das Engagement verbessern kann.

Wählt ein Benutzer beispielsweise in einem Support-Formular die Option „Technische Support-Anfrage“, kann die Dankesnachricht Informationen über die nächsten Schritte und einen Link zu den Ressourcen des Supports enthalten.

Wenn sie „Verkaufsanfrage“ wählen, kann die Nachricht Informationen über Ihre Produkte und einen Link zur Vereinbarung eines Vorführungs- oder Beratungstermins enthalten.

in WPForms können Sie verschiedene Dankesnachrichten im Einstellungsbereich für Benachrichtigungen einrichten.

Aber lassen Sie uns zunächst ein Support-Formular erstellen. Dazu navigieren Sie zu WPForms “ Neu hinzufügen.

In der nächsten Ansicht geben Sie Ihrem Formular einen Namen. Dieser Name dient nur zu Ihrer Information, Sie können also jeden beliebigen Namen verwenden.

Blättern Sie dann in der Ansicht nach unten, um eine Vorlage auszuwählen. Sie können die Suchleiste verwenden, um das Template für das Unterstützungsformular schneller zu finden.

Wenn Sie eine Vorlage für ein Befragungsformular gefunden haben, klicken Sie bei Mauszeigerkontakt einfach auf „Vorlage verwenden“. In unserem Beispiel verwenden wir die Vorlage „Formular für technischen Support“.

Support form template

Dadurch werden Sie zur WPForms-Builder-Schnittstelle weitergeleitet. Von hier aus müssen Sie zu Einstellungen “ Bestätigungen gehen.

Von hier aus klicken wir auf „Neue Bestätigung hinzufügen“.

WPForms' Add New Confirmation button

Sobald Sie auf den Button klicken, erscheint ein Pop-up-Fenster.

Geben Sie in diesem Popup-Fenster Ihren neuen Bestätigungsnamen in die Box ein. Hier nennen wir sie „Bestätigung der Anfrage an den technischen Support“.

Klicken Sie dann auf „OK“, um zum Einstellungsbereich zu gelangen.

Naming the technical support inquiry confirmation

Wählen Sie im Feld „Bestätigungstyp“ die Option „Nachricht“.

Dadurch wird die Box geöffnet, in die Sie eine individuelle Bestätigungsnachricht schreiben können, wenn Benutzer eine Anfrage an den technischen Support stellen.

Hier ist ein Beispiel:

The custom confirmation message for technical support inquiries

Danach ist es an der Zeit, die bedingte Logik einzurichten.

Zunächst können Sie im Abschnitt nach unten scrollen, um den Schalter „Bedingte Logik aktivieren“ zu finden. Diesen müssen Sie einschalten.

Enabling conditional logic for technical support inquiry confirmation message

Anschließend können Sie die Einstellungen über die Dropdown-Menüs konfigurieren:

  • Verwenden oder nicht verwenden. In diesem Feld können Sie angeben, wann die Bestätigungsnachricht verwendet werden soll. Wir werden dies als „Verwenden“ einstellen.
  • Feld auswählen. Wählen Sie im nächsten Dropdown-Menü als Betreff „Womit können wir Ihnen heute helfen?“.
  • Ist und andere Optionen. Hier sehen Sie, dass die Standardeinstellung „ist“ ist. Sie sollten das so beibehalten.
  • Wählen Sie eine Option. Schließlich wählen wir die Option „Anfrage an den technischen Support“, da wir diese Bestätigungsmeldung verwenden wollen, wenn ein Benutzer um technische Hilfe bittet.

Nach Fertigstellung der Konfiguration könnte es so aussehen:

Conditional logic for the technical support inquiry's confirmation message

Wenn Sie alles erledigt haben, klicken Sie einfach auf „Speichern“, um den Fortschritt festzuhalten. Wiederholen Sie dann diese Schritte, um eine Bestätigungsnachricht für Benutzer einzurichten, die Verkaufsanfragen stellen.

Herzlichen Glückwunsch! Sie haben jetzt gelernt, wie man mit bedingter Logik Danksagungen personalisieren kann.

Anwendungsfall 5: Einrichten von mehreren Benachrichtigungsempfängern

Dieser Anwendungsfall eignet sich am besten, wenn Sie ein Formular auf Ihrer Landing Page oder ein Popup haben, um Leads zu erfassen.

Indem Sie mehrere Empfänger einrichten, stellen Sie sicher, dass jeder Lead sofort an das richtige Team weitergeleitet wird.

Kunden und Interessenten werden die kürzere Reaktionszeit zu schätzen wissen. So können Sie Ihren Prozess zur Erfassung von Kundenkontakten im Dienst effizienter und effektiver gestalten.

Verwenden Sie dasselbe Support-Formular wie in der vorherigen Methode und erstellen Sie eine Benachrichtigung für Ihren technischen Support und Ihr Vertriebsteam.

Zunächst müssen Sie zu WPForms “ Alle Formulare navigieren und unter Ihrem Formular für den technischen Support auf „Bearbeiten“ klicken.

The Edit button for a support form example

Anschließend können Sie mit der Einrichtung von Benachrichtigungen beginnen, indem Sie zu Einstellungen “ Benachrichtigungen navigieren.

Von hier aus klicken Sie auf „Neue Benachrichtigung hinzufügen“.

The Add New Notifications on WPForms' notifications settings area

Es erscheint ein Pop-up-Fenster. Sie müssen die neue Meldung nur noch benennen. Hier nennen wir sie „Neue Anfrage an den technischen Support“.

Klicken Sie dann einfach auf „OK“, um zum nächsten Schritt überzugehen.

The pop-up window for naming a new notification

Dort geben Sie als Erstes die korrekte E-Mail-Adresse Ihres technischen Support-Teams in das Feld „Send To Email Address“ ein.

Sie können das Schlagwort {admin_email} löschen oder beibehalten. Wenn Sie es beibehalten möchten, achten Sie bitte darauf, bei der Eingabe der E-Mail-Adresse des technischen Supports ein Komma zu verwenden.

Adding the technical support email address to the Send to Email Address field

Als Nächstes können Sie im Abschnitt nach unten scrollen, um die Option „Bedingte Logik aktivieren“ zu finden.

Schalten Sie den Kippschalter ein.

The enable conditional logic toggle on WPForms' notifications setting area

Unterhalb des Umschalters finden Sie Dropdown-Menüs für die Einstellung der bedingten Logik:

  • Senden oder nicht senden. In dieser Dropdown-Liste können Sie wählen, ob Sie Benachrichtigungen senden oder nicht senden möchten. Wählen wir „Senden“.
  • Feld auswählen. In diesem Feld wählen Sie „Womit können wir Ihnen heute helfen?“. Damit wird das Thema für die folgenden Dropdown-Menüs festgelegt.
  • Ist und andere Optionen. Die Standardeinstellung ist „ist“, und das werden wir beibehalten.
  • Wählen Sie Optionen. In diesem letzten Feld müssen Sie die Option „Anfrage an den technischen Support“ auswählen.

So sollte die bedingte Logik nach der Konfiguration aussehen:

Setting up conditional logic for technical support notifications

Vergessen Sie danach nicht, auf „Speichern“ zu klicken, damit Ihr Fortschritt nicht verloren geht.

Anschließend wiederholen Sie diese Schritte, vom Hinzufügen einer neuen Benachrichtigung bis zum Klicken auf „Speichern“, um Benachrichtigungen für das Vertriebsteam zu erstellen.

Und das war’s! Sie haben gelernt, bedingte Logik zu verwenden, um geeignete Benachrichtigungsempfänger festzulegen.

Anwendungsfall 6: Ein verkettetes Quiz erstellen

Eine der unterhaltsamsten Möglichkeiten, bedingte Logik zu verwenden, ist das Erstellen von Quizzen in WordPress mit verketteten Antworten und Antworten.

Bei einem verketteten Quiz können Sie den Benutzern Fragen auf der Grundlage ihrer vorherigen Antworten präsentieren. Da der Weg eines jeden Benutzers durch das Quiz unterschiedlich sein kann, ist dies eine persönlichere und interaktivere Erfahrung.

Eine Gesundheits- und Wellness-Website könnte zum Beispiel ein verkettetes Quiz verwenden, um personalisierte Fitnesspläne zu empfehlen.

Die erste Frage könnte sich auf das primäre Fitnessziel des Benutzers beziehen, z. B. Gewichtsabnahme, Muskelaufbau oder allgemeine Gesundheit.

Je nach Antwort des Benutzers könnte die nächste Frage nach den aktuellen Bewegungsgewohnheiten oder Ernährungsvorlieben lauten, was zu spezifischeren Empfehlungen führt.

Für diesen letzten Anwendungsfall werden wir Formidable Forms verwenden. Es ist eines der besten WordPress Plugins für bedingte Logik zum Erstellen von Quizzen. Außerdem können Sie damit auch ein Bewertungssystem zusammen mit dem Quiz erstellen.

Um loszulegen, installieren wir das kostenlose Plugin Formidable Forms. Eine detaillierte Anleitung finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress Plugins.

Nach der Aktivierung gehen Sie zu Formidable Forms Globale Einstellungen , um ein Upgrade auf die Pro-Version durchzuführen. Klicken Sie dann einfach auf den Button „Mit Konto verbinden“.

Connect an account button on Formidable Forms' general settings

Dadurch werden Sie auf eine neue Seite weitergeleitet.

Auf dieser Seite sehen Sie die E-Mail-Adresse, die Sie für die Anmeldung bei Formidable Forms verwendet haben. Wenn alles in Ordnung ist, klicken Sie auf „Connect and Install Formidable Forms Pro“.

Connecting a Formidable Forms pro account

Der Button wird dann zu „Bitte warten…“ und Sie müssen nur noch warten, bis der Vorgang abgeschlossen ist.

Navigieren Sie anschließend zu Formidable Forms “ Forms “ + Add New.

Formidable Forms' add new button

Der nächste Schritt ist die Auswahl eines Templates.

Im Bereich „Formularvorlagen“ können wir sehen, dass Formidable Forms mehr als 300 Templates anbietet. Um eine Quiz-Vorlage schneller zu finden, können Sie „quiz“ in die Suchleiste eingeben.

Fahren Sie dann einfach mit dem Mauszeigerkontakt über die Vorlage „Quiz“ und klicken Sie auf „Vorlage verwenden“. Sie können das Template auch zunächst in der Vorschau anzeigen, indem Sie auf den Button „Demo anzeigen“ klicken.

Formidable Forms' use template button

Wenn Sie auf den Button „Vorlage verwenden“ klicken, werden Sie zum Formidable Forms Builder weitergeleitet.

Auf der linken Seite haben Sie Zugang zu allen Werkzeugen für die individuelle Anpassung. Auf der rechten Seite befindet sich die Live-Vorschau des Formulars.

Formidable Forms form builder interface

Wie wir sehen können, sind in diesem Template bereits Fragen voreingestellt.

Um Ihre Fragen hinzuzufügen, können Sie auf jedes Feld klicken. Anschließend passen Sie den Text einfach über das Anpassungsfeld auf der linken Seite an.

In diesem Leitfaden erstellen wir als Beispiel ein verkettetes Gesundheits- und Wellness-Quiz.

Hier ändern wir die erste Frage von „Welches davon ist nicht wie die anderen?“ in „Was ist Ihr primäres Fitnessziel?

Aktivieren Sie dann das Kontrollkästchen „Erforderlich“, um sicherzustellen, dass die Benutzer diese Frage nicht übergehen.

Formidable Form field label edited and required checkbox ticked

Wenn Sie möchten, können Sie den Stil des Buttons ändern. Wir halten uns an „Simple“, aber Sie können Bilder verwenden oder das Add-on „Button“ installieren, um mehr Zugriff auf andere Buttons zu erhalten.

Nun müssen Sie im Customizer nach unten blättern und die Optionen für diese Frage ändern.

Wir passen die Optionen auf „Gewichtsverlust“, „Muskelaufbau“ und „Allgemeine Gesundheit“ an. Standardmäßig hat das Template des Formulars vier Optionen. Wir müssen also sicherstellen, dass wir auch das ändern.

Um eine Option zu entfernen, klicken Sie einfach auf den Button „-“ rechts neben dem Feld für die Option.

The button to remove an option field in Formidable Forms builder

Sobald Sie auf den Button ‚-‚ klicken, sehen Sie in der Live-Vorschau, dass Formidable Forms die Option entfernt hat.

Als Nächstes müssen Sie für jede Option entsprechende Fragen erstellen. Denn wir werden eine bedingte Logik einrichten, wenn Benutzer eine der drei Optionen wählen.

Sie können den Vorgang wiederholen, um Ihre Fragen hinzuzufügen. Und so sieht unsere zusätzliche Frage für die Option „Gewichtsverlust“ aus:

Questions to set up conditional logic

Bei der Option „Muskelaufbau“ sollten Sie nach den Ernährungsgewohnheiten des Benutzers fragen.

Da es Dutzende von Optionen für diätetische Präferenzen gibt, können Sie einige der gängigsten hinzufügen und ein Feld „Andere“ einfügen, in das die Benutzer ihre Präferenzen eingeben können.

Klicken Sie einfach auf „Andere hinzufügen“ am Ende des Abschnitts mit den Optionen.

Add Other button in Formidable Forms

Danach wird ein Button „Andere“ mit einer einfachen Box eingefügt. Wenn Sie dies noch nicht getan haben, können Sie auf den Button „-“ für die Option „D“ klicken.

Und so könnte das aussehen:

Field with an Add Other option

Wenn mehr Felder als nötig vorhanden sind, können Sie den Rest löschen.

Dazu müssen Sie zunächst auf das Feld klicken. Dann klicken Sie auf den Button mit den drei Punkten in der oberen rechten Ecke.

Sobald sich das Menü erweitert, klicken Sie einfach auf „Löschen“.

Formidable Forms' delete  field button

Nun ist es an der Zeit, eine bedingte Logik einzurichten.

Zunächst sollten Sie sich die zweite Frage ansehen, wie oft die Benutzer bereit sind, in der Woche Sport zu treiben. Klicken Sie einfach auf das Feld.

Danach blättern wir im Customizer nach unten und erweitern den Menüpunkt „Bedingte Logik“.

The conditional logic menu item in Formidable Forms builder

Im Abschnitt „Bedingte Logik“ können Sie mehrere Dropdown-Menüs konfigurieren.

Sie möchten das Feld „Wie viele Tage pro Woche werden Sie trainieren?“ anzeigen, wenn Benutzer die Option „Gewichtsabnahme“ wählen. Hier sind die Einstellungen, die Sie benötigen:

  • Dieses Feld anzeigen oder ausblenden. Hier können Sie das Feld „Wie viele Tage pro Woche trainieren Sie?“ ein- oder ausblenden. Sie können es als „Dieses Feld anzeigen“ belassen.
  • Irgendeine oder alle. In dieser Dropdown-Liste können Sie festlegen, ob eine oder alle Bedingungen erfüllt sein sollen. Belassen wir es bei „alle“.
  • Feld auswählen. Hier wählen Sie eines der anderen Felder des Formulars aus, um das Thema der Bedingung festzulegen. Wählen wir „Was ist Ihr Hauptziel?
  • Gleiche und andere Optionen. Standardmäßig ist die Konfiguration „gleich“. Sie können sie so belassen.
  • Option auswählen. In diesem letzten Feld sollten Sie „Gewichtsverlust“ auswählen, da diese Frage für Benutzer erscheinen soll, die diese Option wählen.

Wenn Sie nur eine Bedingung festlegen möchten, können Sie auf den Button ‚-‚ klicken oder es dabei belassen.

Und so könnte die endgültige Konfiguration aussehen:

Conditional logic configured in Formidable Forms

Als Nächstes legen wir eine bedingte Logik für das Feld „Möchten Sie lieber zu Hause oder im Fitnessstudio trainieren? Für diese Anleitung werden wir versuchen, die Frage anzuzeigen, wenn Benutzer die anderen Optionen aus dem Feld „Wie viele Tage pro Woche werden Sie trainieren?“ auswählen.

Klicken Sie auf das Feld „Trainieren Sie lieber zu Hause oder im Fitnessstudio?“, um auf die Einstellungen der bedingten Logik zuzugreifen.

Sobald Sie in den Einstellungen für die bedingte Logik sind, müssen Sie zwei Bedingungen festlegen:

  • Wie viele Tage pro Woche treiben Sie Sport?“ „gleich“ „1-2 Mal pro Woche“.
  • Wie viele Tage pro Woche treiben Sie Sport?“ „gleich“ „3-4 Mal pro Woche“.
Conditional logic for the exercise field

Mit diesen Einstellungen können Sie das Feld „Trainieren Sie lieber zu Hause oder im Fitnessstudio?“ für Benutzer, die die Option „Einmal pro Woche“ wählen, ausblenden. Für diese Benutzer können wir sofort das Heimtraining empfehlen.

Sie können diesen Vorgang für alle anderen Felder wiederholen. Sobald das erledigt ist, klicken Sie auf den Button „Aktualisieren“.

Sie können das Quiz-Formular jetzt in Ihre WordPress-Website einbetten. Klicken Sie einfach auf den Button „Einbetten“ am oberen Rand des Formularerstellers.

Formidable Forms' embed button

Sie sehen nun ein Popup mit verschiedenen Optionen zum Einbetten.

Sie können zum Beispiel eine bestehende Seite auswählen, eine neue Seite erstellen oder das Formular manuell mit einem Shortcode einfügen.

Select existing page option for embedding a Formidable Forms' contact form

Jetzt werden wir Ihnen zeigen, wie das verkettete Quiz-Formular auf Ihrer Website aussehen könnte.

Hier sehen Sie eine Vorschau, wenn Benutzer „Abnehmen“ als Fitnessziel und „Einmal pro Woche“ als Trainingsplan wählen:

Chained quiz when users choose weight loss and once a week

Aus dem obigen Screenshot geht hervor, dass Sie das Feld „Trainieren Sie lieber zu Hause oder im Fitnessstudio?“ erfolgreich ausgeblendet haben.

Und so könnte es aussehen, wenn Benutzer „Gewichtsverlust“ und „3-4 Mal pro Woche“ auswählen.

Chained quiz when users choose weight loss and once a week

Wie auf dem Screenshot zu sehen ist, erscheint die Option „Trainieren Sie lieber zu Hause oder im Fitnessstudio“ für Benutzer, die „3-4 Mal pro Woche“ wählen.

Schauen wir uns nun an, wie sich die Felder ändern, wenn Benutzer die Option „Muskelaufbau“ wählen.

Chained quiz when users choose muscle gain and other

Herzlichen Glückwunsch! Sie haben nun gelernt, wie Sie ein mit bedingter Logik verkettetes Quiz erstellen können.

Umleitung der Benutzer auf die Seite mit dem personalisierten Fitnessplan nach der Übermittlung des Formulars

Jetzt erwarten die Benutzer, dass sie den personalisierten Fitnessplan erhalten, nachdem sie das Formular abgeschickt haben. Am einfachsten ist es, die Benutzer auf die entsprechende Seite für den persönlichen Fitnessplan umzuleiten.

Erstellen wir zunächst die Seiten für den Fitnessplan. Sie können in Ihrem WordPress-Dashboard zu Seiten “ Neue Seite hinzufügen gehen.

Clicking Add New Page in WordPress admin area

Im Editor für den Inhalt können Sie den personalisierten Fitnessplan für alle möglichen Kombinationen für Ihr Formular mit bedingter Logik erstellen. In diesem Tutorial zeigen wir Ihnen, wie Sie Benutzer, die wählen, weiterleiten können:

  • Gewichtsabnahme“ bei der Frage „Was ist Ihr primäres Fitnessziel?“.
  • 3-4 Mal pro Woche“ auf die Frage „An wie vielen Tagen pro Woche treiben Sie Sport?“.
  • Fitnessstudio“ für die Frage „Trainieren Sie lieber zu Hause oder im Fitnessstudio?“.

So sieht unser Entwurf aus:

Drafting a fitness plan

Sobald Sie fertig sind, können Sie auf den Button „Veröffentlichen“ klicken und noch einmal auf das Bestätigungsfeld.

Anschließend können Sie auf den Link „Seite anzeigen“ klicken, wenn die Veröffentlichung abgeschlossen ist. Beachten Sie, dass Sie die Seite in einem neuen Tab speichern sollten, da Sie die URL der Seite später benötigen.

Publishing a fitness plan page

Kehren wir nun zu Ihrem Formidable Forms-Fitnessplanformular zurück.

Sie können zu Formidable Forms “ Forms navigieren. Bewegen Sie dann den Mauszeigerkontakt auf das gerade erstellte Fitnessplanformular und klicken Sie auf „Bearbeiten“.

Edit button in Formidable Forms

Sobald Sie sich im Formularersteller befinden, können Sie zum Tab „Einstellungen“ wechseln.

Navigieren Sie dann zu Aktionen & Benachrichtigungen “ Bestätigung.

Confirmation section in Formidable Forms' settings

Im Abschnitt „Bestätigung“ müssen Sie den Bestätigungstyp in „Weiterleitung zur URL“ ändern.

Daraufhin öffnet sich ein Textfeld „Redirect URL“, in das Sie den Link der Seite zu dem soeben erstellten Fitnessplan eingeben können.

Es gibt auch eine Aktionseinstellung zum Öffnen der Seite in einem neuen Tab. Sie können den Schalter umlegen, um die Einstellung zu aktivieren, aber wir werden sie inaktiv lassen.

Adding URL to redirect users

Der nächste Schritt besteht darin, eine bedingte Logik für diese Umleitung hinzuzufügen.

Dazu müssen Sie auf den Link „Bedingte Logik“ klicken und die Regeln einrichten. Um weitere Bedingungen hinzuzufügen, können Sie auf den Button „+“ rechts neben den Dropdown-Feldern klicken,

Setting redirect conditional logic

Sie können nun auf „Aktualisieren“ klicken, um Ihre Änderungen zu speichern.

Sie sollten nun eine Testübertragung durchführen, um zu sehen, ob die bedingte Logik funktioniert. Auf unserer Test-Website haben wir versucht, das Formular mit den Regeln auszufüllen, die wir für diese Weiterleitung festgelegt haben.

Making a test submission

Und da haben wir es!

Wir werden erfolgreich auf die entsprechende Seite weitergeleitet:

Redirect users to the recommended fitness plan page

Wir hoffen, dieser Artikel hat Ihnen einige Anwendungsfälle für WordPress-Formulare mit bedingter Logik gezeigt. Als Nächstes sollten Sie sich unsere Tipps zum Erstellen interaktiver Formulare und zum Anpassen von Formularen in WordPress ansehen.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

Ein KommentarEine Antwort hinterlassen

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.