KI-Zusammenfassung
Die Anzeige von Zahlungsfeldern basierend auf bestimmten Daten ist eine gängige Anforderung für viele WordPress-Websites. Dies ist besonders nützlich für diejenigen, die Veranstaltungsanmeldungen, saisonale Buchungen oder zeitkritische Dienstleistungen abwickeln.
Mit dem WPForms Calculations Addon können Sie ein Zahlungsfeld in Ihrem Formular nur dann anzeigen, wenn Ihr Kunde bestimmte Daten im Feld Datum / Uhrzeit auswählt.
In dieser Anleitung führe ich Sie durch die Schritte, wie Sie ein Zahlungsfeld basierend auf Datumseingaben auf Ihrer WordPress-Website anzeigen.
So zeigen Sie ein Zahlungsfeld basierend auf einem Datum in WordPress an
Schritt 1: WPForms-Plugin installieren und aktivieren
WPForms ist das beste Drag-and-Drop-Formular-Builder-Plugin zum Erstellen einfacher und fortgeschrittener Formulare in WordPress.
Von einfachen Kontaktformularen bis hin zu fortgeschritteneren Funktionen wie bedingter Logik ist es ein zuverlässiges Werkzeug, das für mich auf mehreren Websites gut funktioniert hat.
Die Pro-Lizenz von WPForms beinhaltet den Zugriff auf das Calculations Addon, mit dem Sie einfache und komplexe mathematische Operationen auf Ihren WordPress-Formularen durchführen können.
Nachdem Sie die Pro-Lizenz erworben haben, sollten Sie WPForms auf Ihrer WordPress-Website installieren und aktivieren. Wenn dies das erste Mal ist, lesen Sie diesen Leitfaden, um zu erfahren, wie Sie WPForms installieren.
Erstellen Sie jetzt Ihr WordPress-Formular
Schritt 2: Installieren Sie das Calculations Addon
Nach der Installation des WPForms-Plugins müssen Sie auch das Calculations Addon installieren.
Um das Addon zu installieren, gehen Sie in den WordPress-Adminbereich und navigieren Sie zu WPForms » Addons. Scrollen Sie dann nach unten, bis Sie das Calculations Addon finden, oder verwenden Sie die Suchleiste. Wenn Sie es gefunden haben, klicken Sie auf Addon installieren.
Sobald Sie das Calculations Addon auf Ihrer Website installiert und aktiviert haben, fahren Sie mit der Erstellung Ihres WordPress-Formulars fort.
Schritt 3: Erstellen Sie Ihr Zahlungsformular
Sie können Ihr Formular von Grund auf neu erstellen, eine Formularvorlage verwenden oder Formulare mit WPForms AI generieren. Für dieses Tutorial erstelle ich ein neues Formular von Grund auf neu.
Um zu beginnen, navigieren Sie zu WPForms » Neu hinzufügen. Fahren Sie dann mit der Maus über das Widget Leeres Formular und klicken Sie auf Leeres Formular erstellen.
Gehen Sie im Formular-Builder die Felder durch, die Sie für Ihr Formular benötigen. Sie können ein Feld per Drag & Drop ziehen oder darauf klicken, um es dem Formular-Builder hinzuzufügen.
Für dieses Tutorial gehe ich davon aus, dass Sie Ihre Zahlungsfelder bereits hinzugefügt und Ihre Zahlungs- und Feld-Einstellungen konfiguriert haben. Wir konzentrieren uns auf die Implementierung der Logik zum Ausblenden/Anzeigen des Zahlungsfeldes basierend auf einer Datumseingabe.
Außerdem lesen: So zeigen Sie Ihren Formularverlauf in WordPress an
Schritt 4: Aktivieren Sie die Logik, um ein Zahlungsfeld basierend auf Datumseingaben anzuzeigen
In diesem Abschnitt zeige ich Ihnen zwei praktische Beispiele, wie Sie ein Zahlungsfeld in Ihrem Formular basierend auf Eingaben aus dem Feld Datum / Uhrzeit ausblenden/anzeigen können.
Anzeigen eines Zahlungsfeldes basierend auf Datumseingaben
Dazu füge ich zunächst ein Feld Datum / Uhrzeit und 2 versteckte Felder zu meinem Formular hinzu. Ich werde das Feld Mehrere Artikel als mein Zahlungsfeld verwenden. Stellen Sie also sicher, dass Sie es auch in Ihr Formular aufnehmen.
Klicken Sie nun auf das Feld Datum / Uhrzeit, um auf dessen Feldoptionen zuzugreifen. Wählen Sie dann die Registerkarte Erweitert.
Bestätigen Sie hier das Datumsformat. Standardmäßig ist dies auf m/d/Y eingestellt, wobei m für den Monat, d für den Tag und Y für das Jahr steht.
Klicken Sie nach der Bestätigung des Datumsformats auf eines der ausgeblendeten Felder, die Sie Ihrem Formular hinzugefügt haben, und ändern Sie die Feldbezeichnung. Ich habe meine Standarddatum genannt, aber Sie können jeden beliebigen Namen wählen.
Klicken Sie anschließend auf die Registerkarte Erweitert und legen Sie den Standardwert des Feldes auf das Datum fest, das Sie in der bedingten Logik überprüfen möchten.
Klicken Sie danach auf das zweite ausgeblendete Feld in Ihrem Formular und wählen Sie die Registerkarte Erweitert. Schalten Sie dann die Option Berechnung aktivieren auf Ein.
Im Formel-Builder für Berechnungen schreibe ich eine Logik, um den vom Benutzer ausgewählten Wert im Feld Datum / Uhrzeit mit dem Standarddatum zu vergleichen, das ich im ersten ausgeblendeten Feld angegeben habe. Wenn sie übereinstimmen, setzen wir den Wert des Feldes auf 1. Andernfalls gibt die Berechnung 0 zurück. Hier ist die Formel zur Implementierung dieser Logik:
if ( $F12_date == $F14 ):
1
else:
0
endif;
In der obigen Formel bezieht sich die Variable $F12_date auf das Datumsunterfeld im Feld Datum / Uhrzeit. Während $F14 das ausgeblendete Feld darstellt, in dem ich ein Standarddatum angegeben habe.
Sie müssen die Zahlen in den Variablennamen ersetzen, damit sie mit den Feldern in Ihrem Formular übereinstimmen. Sehen Sie sich unser Tutorial an, um mehr über das Erstellen von Formeln mit dem Add-on Berechnungen zu erfahren.
Klicken Sie nach dem Hinzufügen der Formel auf das Zahlungsfeld, für das Sie die bedingte Logik aktivieren möchten. Wählen Sie dann die Registerkarte Intelligente Logik und schalten Sie die Option Bedingte Logik aktivieren auf Ein.
Sobald dies aktiviert ist, müssen Sie die Bedingung festlegen, damit sie das ausgeblendete Feld mit aktivierten Berechnungen überprüft. Ich habe die Logik so eingestellt, dass Dieses Feld anzeigen, wenn ausgeblendetes Feld 1 ist. Das bedeutet, wenn die Formel, die den Wert des Feldes Datum / Uhrzeit mit dem von mir angegebenen Standarddatum vergleicht, wahr ist, wird das Zahlungsfeld im Formular angezeigt.
Stellen Sie nach der Aktivierung der bedingten Logik sicher, dass Sie Ihre Änderungen speichern, indem Sie auf die Schaltfläche Speichern klicken.
Wenn Sie das Formular im Frontend Ihrer Website in der Vorschau anzeigen, wird das Zahlungsfeld standardmäßig ausgeblendet, bis Sie ein Datum aus dem Feld Datum / Uhrzeit auswählen.
Wenn das von Ihnen ausgewählte Datum mit dem im ausgeblendeten Feld Standarddatum angegebenen übereinstimmt, wird das Zahlungsfeld angezeigt. Benutzer können nun eine Zahlungsoption auswählen und ihren Kauf abschließen.
Zahlungsfeld basierend auf dem Alter des Benutzers anzeigen
In diesem Beispiel zeigen wir das Zahlungsfeld nur an, wenn der Benutzer über 18 Jahre alt ist. Um zu beginnen, füge ich 2 ausgeblendete Felder, ein Feld Datum / Uhrzeit und das Feld Einzelartikel hinzu.
Wählen Sie dann eines der ausgeblendeten Felder und ändern Sie die Bezeichnung in Aktuelles Datum.
Klicken Sie als Nächstes auf die Registerkarte Erweitert und aktivieren Sie die Option Berechnung aktivieren.
Fügen Sie im Formel-Editor die folgende Funktion hinzu.
now()
Diese Funktion setzt den Wert des versteckten Felds auf das aktuelle Datum und die aktuelle Uhrzeit.
Wählen Sie als Nächstes das zweite versteckte Feld aus und setzen Sie die Bezeichnung auf Altersrechner.
Wählen Sie dann die Registerkarte Erweitert und aktivieren Sie die Option Berechnung aktivieren. Fügen Sie im Formel-Editor die folgende Funktion hinzu.
years( $F12, $F14 )
Die Funktion years() prüft die Datumsdifferenz zwischen zwei Daten und gibt die Differenz in Jahren zurück.
$F12 und $F14 sind die Variablennamen für die Felder Datum/Uhrzeit bzw. Aktuelles Datum. Stellen Sie sicher, dass Sie die Zahlen ersetzen, damit sie mit denen Ihrer Felder übereinstimmen.
Nachdem Sie die Formel für den Altersrechner hinzugefügt haben, wählen Sie das Zahlungsfeld in Ihrem Formular aus, um dessen Feldoptionen zu öffnen. Navigieren Sie dann zur Registerkarte Intelligente Logik und aktivieren Sie die Option Bedingte Logik aktivieren.
Wählen Sie als Nächstes das Feld Altersrechner aus der Dropdown-Liste in der Regel für bedingte Logik aus.
Wählen Sie danach den Operator größer als aus der Dropdown-Liste aus.
Geben Sie schließlich 17 in das Feld Wert ein. Die Regel sollte lauten: Dieses Feld anzeigen, wenn Altersrechner größer als 17 ist. Diese Logik ist nützlich für die Regulierung von Online-Zahlungen und die Sicherstellung der Einhaltung geeigneter Zahlungsstatus.
Nachdem Sie die Logik hinzugefügt haben, stellen Sie sicher, dass Sie Ihre Änderungen speichern. Wenn Sie das Formular in der Vorschau anzeigen, wird das Zahlungsfeld standardmäßig ausgeblendet, bis der Benutzer sein Alter angibt.
Das Feld wird nur angezeigt, wenn das Alter des Benutzers 18 Jahre oder älter ist.
Schritt 5: Veröffentlichen Sie Ihr Zahlungsformular
Zum Schluss fügen wir das Zahlungsformular zu einer Seite hinzu. Klicken Sie dazu oben rechts im Formular-Editor auf die Schaltfläche Einbetten.
Sie haben die Möglichkeit, Ihr Formular auf einer neuen oder einer vorhandenen Seite zu veröffentlichen. Für diese Anleitung wähle ich die Option Neue Seite erstellen.
Geben Sie Ihrer neuen Seite einen Namen und klicken Sie auf Los geht's.
Sie werden zum WordPress-Seiten-Editor weitergeleitet, wobei Ihr Formular auf der Seite eingebettet ist. Klicken Sie auf die Schaltfläche Veröffentlichen, um Ihre Seite zu veröffentlichen.
Wenn Sie diese Seite im Frontend überprüfen, wird das Zahlungsfeld in Ihrem Formular ausgeblendet, bis der Wert des Datumsfelds mit dem in Ihrer Regel für bedingte Logik angegebenen Wert übereinstimmt. Beachten Sie, dass es auch möglich ist, Ihre Formulare mithilfe eines Shortcodes oder Widgets einzubetten.
FAQs — Zahlungsfeld bedingt anzeigen basierend auf Datumseingabe
Dies sind Antworten auf einige der häufigsten Fragen, die wir zum bedingten Anzeigen eines Zahlungsfelds basierend auf Datumseingaben erhalten.
Was passiert, wenn das Datumsfeld leer gelassen wird?
Wenn das Datumsfeld leer ist, gibt die Berechnung 0 zurück, wodurch das Zahlungsfeld effektiv ausgeblendet wird. Ich empfehle, das Datumsfeld als erforderlich zu markieren, um diese Situation zu verhindern.
Wie zeige ich das Datum in WordPress an?
Wenn Sie das Addon Berechnungen in WPForms verwenden, können Sie das Datum mit der Funktion now() anzeigen. Wenn Sie die Funktion im Formel-Editor eingeben, wird der Wert des Feldes auf das aktuelle Datum und die aktuelle Uhrzeit gesetzt.
Als Nächstes: Wiederkehrende Zahlungen in WordPress akzeptieren
Und das ist alles! Sie haben jetzt 2 praktische Möglichkeiten kennengelernt, ein Zahlungsfeld basierend auf Datumseingaben in WordPress anzuzeigen. Der Prozess, den ich in diesem Tutorial erklärt habe, kann auch auf Abonnement-basierte Zahlungsformulare angewendet werden.
Sie können sich unser Tutorial ansehen, um zu erfahren, wie Sie wiederkehrende Zahlungen in WordPress akzeptieren, für Details, wie Sie Abonnements mit WPForms verkaufen.
Erstellen Sie jetzt Ihr WordPress-Formular
Bereit, Ihr Formular zu erstellen? Beginnen Sie noch heute mit dem einfachsten WordPress-Formularersteller-Plugin. WPForms Pro enthält viele kostenlose Vorlagen und bietet eine 14-tägige Geld-zurück-Garantie.
Wenn Ihnen dieser Artikel geholfen hat, folgen Sie uns bitte auf Facebook und Twitter für weitere kostenlose WordPress-Tutorials und Anleitungen.
