Möchten Sie einfach eine bedingte logische Form erstellen? Bedingte Logik ist eine clevere Möglichkeit, Ihr Formular übersichtlich und modern zu gestalten, sodass Sie noch mehr Conversions erzielen können.
In diesem Beitrag werden wir Sie Schritt für Schritt genau durch das Erstellen eines Formulars mit bedingter Logik in WordPress führen.
Hier ist ein Inhaltsverzeichnis, das Ihnen beim Navigieren in diesem Lernprogramm zum Erstellen eines Formulars mit Bedingungen hilft:
- Generieren Sie ein einfaches Kontaktformular
- Bedingte Logik hinzufügen
- Konfigurieren Sie Ihre Formulareinstellungen
- Richten Sie Ihre Formularbenachrichtigungen ein
- Passen Sie Ihre Formularbestätigungen an
- Fügen Sie Ihrer Site Ihr Formular für bedingte Logik hinzu
Was bedeutet bedingte Logik?
Grundsätzlich können Sie mithilfe der bedingten Logik Felder basierend auf der vorherigen Antwort Ihrer Website-Besucher in Ihrem Formular ein- und ausblenden.
Es gibt unendlich viele Möglichkeiten, bedingte Logik zum Erstellen dynamischer Formulare zu verwenden. Im Folgenden werden einige Möglichkeiten vorgestellt, wie Sie davon profitieren können.
Warum bedingte Logik für Formulare verwenden?
Sie fragen sich, warum und wann Sie bedingte Logik in Ihren WordPress-Formularen verwenden sollen? Es gibt viele großartige Möglichkeiten, intelligente bedingte Logik zu verwenden, um Ihre Formulare noch effektiver zu gestalten.
- Erstellen Sie nicht unordentliche Formulare: Wenn jemand nicht gefragt werden muss, kann er ein Formularfeld ausblenden, es sei denn, er antwortet auf eine bestimmte Weise. Dann erscheint das Feld, das Ihre Formulare sauber und ordentlich hält, lange Formulare vermeidet und dazu beiträgt, das Verlassen von Formularen zu reduzieren.
- Erfahren Sie mehr über Umfragen – Zeigen oder verbergen Sie verschiedene Arten von Fragen im Text des Absatzes entsprechend der Benutzerrangliste oder der Likert-Skala. Dies ist eine großartige Möglichkeit, mehr darüber herauszufinden, warum Menschen fühlen, was sie fühlen.
- Bieten Sie mehrere Zahlungsoptionen an – Warum sollten Sie in Ihren Bestellformularen zwischen Stripe und PayPal wählen, wenn Sie beide verwenden können? Dies bietet Ihren Kunden mehr Zahlungsmöglichkeiten.
- Verwenden Sie ein Rabattfeld – Bieten Sie Benutzern die Möglichkeit, ein Gutscheincodefeld einzugeben, um bei ihrer Bestellung Geld zu sparen. Aber zeigen Sie es einfach, wenn sie sagen, dass sie eine haben.
- Viele, viele weitere Gründe …
Nachdem Sie nun wissen, warum Sie möglicherweise bedingte Logik in Ihren Website-Formularen verwenden möchten, sehen wir uns genau an, wie Sie sie hinzufügen.
So erstellen Sie ein bedingtes logisches Formular in WordPress
Wenn Sie Ihren WordPress-Formularen bedingte Logik hinzufügen möchten, gehen Sie wie folgt vor:
Schritt 1: Erstellen Sie ein einfaches Kontaktformular
Als erstes müssen Sie das WPForms-Plugin installieren und aktivieren. Weitere Informationen finden Sie in dieser Schritt-für-Schritt-Anleitung zum Installieren eines WordPress-Plugins.
Dann geh zu WPForms »Neu hinzufügen um ein neues Formular zu erstellen.
Wählen Sie in diesem Bildschirm die Vorlage Einfaches Kontaktformular aus.
Als nächstes wird die einfache Kontaktformularvorlage für Sie generiert. Ziemlich beeindruckend, oder?
Lassen Sie uns fortfahren und das Feld Kommentar oder Nachricht löschen, indem Sie darauf klicken und dann auf das rote Papierkorbsymbol in der oberen rechten Ecke klicken.
Gute Arbeit, jetzt gehen wir zum lustigen Teil. Bedingte Logik hinzufügen.
Schritt 2: Fügen Sie eine bedingte Logik hinzu
Lassen Sie uns nun fortfahren und Ihrem Formular eine einfache bedingte Logik hinzufügen.
Fügen Sie Ihrem Formular zunächst ein Multiple-Choice-Feld hinzu, indem Sie es aus dem linken Bereich auf Ihr Formular rechts ziehen.
Klicken Sie nun auf das Feld, um Ihre Einstellungen im linken Bereich zu öffnen. Hier können Sie die Beschriftung und die Optionen bearbeiten.
Wählen Sie nun ein Feld aus, das Sie basierend auf einer vorherigen Antwort aus dem anzeigen möchten Felder hinzufügen Panel und ziehen Sie es auf Ihr Formular.
In diesem Beispiel wird ein einzeiliges Textfeld angezeigt, nachdem jemand in einer Multiple-Choice-Frage "Andere" aktiviert hat.
Klicken Sie in das Feld Einzeiliger Text, um Ihre Beschriftung zu bearbeiten. In unserem Beispiel fragen wir nach weiteren Details zu "Andere".
Jetzt möchten Sie die bedingte Logik für dieses Feld aktivieren, indem Sie auf klicken Bedingungen Dropdown-Menü im linken Bereich und aktivieren Sie das Kontrollkästchen neben Bedingte Logik aktivieren.
Geben Sie dann die folgenden Informationen in die bedingte Konfiguration ein: zeigen dieses Feld, wennWo haben Sie von uns gehört?'ist Andere, wie es im Folgenden gezeigt wird.
So einfach ist das wirklich!
Sie können in diesem Bereich alle möglichen Dinge tun wie:
- Anzeigen Ausblenden: Das Feld wird ein- oder ausgeblendet, wenn die Bedingungen erfüllt sind (die wir in diesem Tutorial verwenden).
- Feld auswählen: Das Feld, von dem diese Logik abhängen soll
- Vergleich: Der Vergleich, den Sie in diesem Feld verwenden möchten. Zu den Optionen gehören: ist, ist nicht, ist leer, ist nicht leer, enthält, enthält nicht, beginnt mit, endet mit, ist größer als und kleiner als.
Schließlich können Sie Ihrem Formular für bedingte Logik zusätzliche Felder hinzufügen, indem Sie sie von links nach rechts ziehen.
Wenn Sie mit dem Anpassen Ihres Formulars fertig sind, klicken Sie auf speichern in der oberen rechten Ecke
Schritt 3: Konfigurieren Sie Ihre Formulareinstellungen
Jetzt geh zu Konfigurationen »» Allgemeines.
Hier können Sie Folgendes konfigurieren:
- Name des Formulars – Benennen Sie Ihr Formular hier um, wenn Sie möchten.
- Beschreibung des Formulars Geben Sie Ihrem Formular eine Beschreibung.
- Schaltflächentext senden – Personalisieren Sie die Kopie auf der Schaltfläche "Senden".
- Spam-Prävention Stoppen Sie Spam vom Kontaktformular mit der Honeypot- oder Google reCAPTCHA-Funktion. Die Honeypot-Funktion wird automatisch in allen WordPress-Formularen aktiviert. Wenn Sie sich also für eine andere Form der Spam-Prävention entscheiden, deaktivieren Sie diese Option.
- AJAX-Formulare – Aktivieren Sie die AJAX-Einstellungen, ohne die Seite neu zu laden.
- GDPR Verbesserungen – Sie können die Speicherung von Benutzereingaben und -details wie IP-Adressen und Benutzeragenten deaktivieren, um die GDPR-Anforderungen zu erfüllen. Lesen Sie auch unsere schrittweisen Anweisungen zum Hinzufügen eines GDPR-Vertragsfelds zu Ihrem einfachen Kontaktformular.
Wenn Sie fertig sind, klicken Sie speichern.
Schritt 4: Richten Sie Ihre Formularbenachrichtigungen ein
Wenn jemand das Formular auf Ihrer Website ausfüllt, ist es wichtig, dass Sie und Ihr Team sofort benachrichtigt werden.
Benachrichtigungen sind eine großartige Möglichkeit, jedes Mal eine E-Mail zu senden, wenn ein Formular an Ihre Website gesendet wird.
Wenn Sie Smart Tags erstellen, können Sie Benutzern nach Abschluss dieses Vorgangs auch Benachrichtigungs-E-Mails senden, um sie darüber zu informieren, dass Sie die Formularübermittlung erhalten haben. Dies versichert den Menschen, dass ihre Anfrage genehmigt wurde.
Hilfe zu diesem Schritt finden Sie in unserer Dokumentation zum Einrichten von Formularbenachrichtigungen in WordPress.
Wenn Sie möchten, dass das Branding Ihrer E-Mails konsistent ist, können Sie in diesem Handbuch nachlesen, wie Sie Ihrer E-Mail-Vorlage einen benutzerdefinierten Header hinzufügen.
Dies ist eine großartige Möglichkeit, schnell Formulareinträge für sich selbst oder Ihr Team zu erhalten, um sicherzustellen, dass sie schnell auf die Dinge springen!
Schritt 5: Personalisieren Sie Ihre Formularbestätigungen
Formularbestätigungen sind Nachrichten, die den Website-Besuchern angezeigt werden, sobald sie ein bedingtes Logikformular an Ihre Website senden. Sie informieren die Menschen darüber, dass ihr Antrag genehmigt wurde, und bieten ihnen die Möglichkeit, sie über die nächsten Schritte zu informieren.
WPForms bietet drei Arten von Bestätigungen zur Auswahl:
- Botschaft – Dies ist der Standardbestätigungstyp in WPForms. Wenn ein Site-Besucher eine Anfrage sendet, wird eine einfache Bestätigungsmeldung angezeigt, die Sie darüber informiert, dass Ihr Formular verarbeitet wurde. Schauen Sie sich einige sehr erfolgreiche Nachrichten an, um die Zufriedenheit der Benutzer zu steigern.
- Seite anzeigen – Diese Art der Bestätigung führt Website-Besucher zu einer bestimmten Webseite auf Ihrer Website und dankt ihnen für die Übermittlung ihrer Informationen. Hilfe dazu finden Sie in unserem Tutorial zum Weiterleiten von Kunden auf eine Dankesseite. Lesen Sie auch unseren Artikel darüber, wie Sie effektive Dankesseiten erstellen.
- Gehe zu URL (Weiterleiten) – Diese Option ist vorgesehen, wenn Sie Website-Besucher auf eine andere Website senden möchten.
Lassen Sie uns einen Blick darauf werfen, wie Sie in WPForms ein einfaches Formular-Commit einrichten, damit Sie die Nachricht anpassen können, die Site-Besucher sehen, wenn sie ihr bedingtes Logikformular ausfüllen.
Klicken Sie zunächst auf Bestätigung Registerkarte im Formulareditor in Konfigurationen. Wählen Sie dann die Art der Bestätigung aus, die Sie erstellen möchten. Für dieses Beispiel werden wir auswählen Botschaft.
Passen Sie dann die Bestätigungsnachricht nach Ihren Wünschen an und klicken Sie auf speichern.
Hilfe zu anderen Arten von Bestätigungen finden Sie in unserer Dokumentation zum Konfigurieren von Formularbestätigungen.
Schritt 6: Fügen Sie Ihrer Site Ihr Formular für bedingte Logik hinzu
Nachdem Sie Ihr Formular erstellt haben, müssen Sie es Ihrer WordPress-Website hinzufügen. Mit WPForms können Sie Ihre Formulare an vielen Stellen auf Ihrer Website hinzufügen, einschließlich Ihrer Blog-Beiträge, Seiten und sogar Seitenleisten-Widgets.
Werfen wir einen Blick auf die häufigste Platzierungsoption: Einbetten von Seiten / Posts.
Erstellen Sie zunächst eine neue Seite oder einen neuen Beitrag in WordPress oder aktualisieren Sie die Einstellungen einer vorhandenen Seite.
Klicken Sie danach in den ersten Block (den leeren Bereich unter dem Titel Ihrer Seite) und klicken Sie auf das Symbol Mehr.
Suchen und wählen Sie in den verschiedenen Blöcken WPForms aus.
Jetzt wird das praktische WPForms-Widget in Ihrem Block angezeigt. Klicken Sie auf das Dropdown-Menü WPForms und wählen Sie aus, welche der bereits erstellten Formulare Sie auf Ihrer Seite einfügen möchten.
Wählen Sie Ihr bedingtes Logikformular aus dem Dropdown-Menü. Veröffentlichen oder aktualisieren Sie dann Ihren Beitrag oder Ihre Seite, sodass Ihr Formular auf Ihrer Website angezeigt wird.
Möchten Sie die Formulareinträge sehen, nachdem sie gesendet wurden? Schauen Sie sich diese vollständige Anleitung an, um Tickets zu erstellen. Sie können beispielsweise jeden Formulareintrag anzeigen, suchen, filtern, drucken und löschen.
Abschließende Gedanken
Da ist es also! Jetzt wissen Sie, wie Sie mit dem WPForms-Plugin ein bedingtes Logikformular in WordPress erstellen.
Möchten Sie wissen, was Ihre Website-Besucher denken? Besuchen Sie diesen Beitrag mit Beispiel-NPS-Umfragen, um zu sehen, wie einfach es ist, eine Umfrage auf Ihrer Website zu veröffentlichen und wertvolles Feedback zu erhalten.
Also, worauf wartest Du? Starten Sie noch heute mit dem leistungsstärksten WordPress Form Builder-Plugin.
Und vergessen Sie nicht, wenn Ihnen dieser Artikel gefällt, folgen Sie uns auf Facebook und Twitter Weitere kostenlose WordPress-Tutorials.
