Eine der häufigsten Arten von Plugins im WordPress.org-Verzeichnis ist der Form Builder. Von Gravitationsformen, Caldera-Formen, Ninja Corms, Kontaktformular 7 usw., die Auswahlmöglichkeiten, die Sie haben, sind nahezu endlos. Allerdings sind nicht alle Formularersteller gleich. Jeder Entwickler konzentriert sich auf eine etwas andere Benutzererfahrung und einen anderen Funktionsumfang. Dies macht es schwierig, die beste Option auszuwählen. Wenn Sie nach einem Plugin mit bedingter Logik suchen, das so viele komplizierte Formeln wie Berechnungen verarbeiten kann, ist die Berechnete Felder Formular unterscheidet sich von anderen.

Berechnete Felder bilden sich

Berechnete Felder Formular

Calculated Fields Form zeichnet sich nicht nur durch seine Nützlichkeit aus, sondern ist auch eines der am besten bewerteten Plugins, die mit Gutenberg (dem WordPress-Blockeditor) im Plugin-Repository kompatibel sind. Das allein ist einen Blick wert, denn obwohl der Blockeditor standardmäßig aktiviert ist, sind nicht alle Plugins, die Sie finden, in das neue Ökosystem integriert.

Das Plugin ist auch perfekt kompatibel mit dem klassischen Editor (und Seitenerstellern wie Divi, um loszulegen), unabhängig davon, wie Sie Ihre Site gestalten, funktioniert das Formular "Berechnete Felder" damit. Wir erwähnen dies, weil Sie nicht immer sicher sind, dass ein bestimmtes Plugin auf der ganzen Linie funktioniert. Da CFF mit dem Block Editor, dem Classic Editor und den Page Buildern getestet wurde, hielten wir es für erwähnenswert.

Einige der erwähnenswerten Funktionen sind genau das, was Sie mit dem Plugin berechnen können. Da es sich nicht nur um ein Plugin für Kontaktformular, werden Sie sehr spezifische Anwendungsfälle haben. Einige der wichtigsten Funktionen sind

  • ein Konstruktor von visuellen Formen
  • Einreichung und Speicherung von Datenbanken
  • bedingte und logische Regeln
  • unbegrenzte Anzahl von berechneten Feldern
  • Akzeptieren Sie die Zahlung über das Formular selbst (über PayPal), nachdem Sie die erforderlichen Berechnungen vorgenommen haben
  • verschiedene Arten von Feldern (Radio, Dropdown-Liste, Kontrollkästchen usw.)
  • abhängige Felder
  • mehrseitige Formulare
  • mehrere vordefinierte Vorlagen
  • Nach Wert sortieren
  • Deaktivieren Sie das Formular für Suchmaschinen
  • einfache oder erweiterte Berechnungsoptionen (gängige mathematische und ternäre Operatoren)

Konfiguration

Die Installation von SBB ist einfach. Greifen Sie auf das Repository von zu Wordpress-Plugins.org, Laden Sie das SBB-Plugin herunter Laden Sie es dann über die Menüoption Plugins - Neu hinzufügen in Ihrem WP-Dashboard. Danach werden Sie eine neue Formularoption von bemerken berechnete Felder in deiner Seitenleiste.

Berechnete Felder bilden die SchnittstelleWenn Sie feststellen, dass von den 4 Optionen, die Ihnen angeboten werden, nur eine davon ein Link zu den tatsächlichen Einstellungen ist. Der Link der  Dokumentation öffnet sich zur Entwickler-Website und zur Wissensdatenbank. Der Link vonOnline-Hilfe Ermöglicht den Zugriff auf das WP.org-Supportforum. Upgrade ... na ja, du brauchst ein Update niveau von der kostenlosen Version zur Premium-Version wechseln.

Dieses Plugin, das so viel Strom unter der Haube hat, ist recht einfach zu bedienen und benötigt nur eine Seite mit Einstellungen / Optionen, die konfiguriert werden müssen. Eigentlich ist es wirklich beeindruckend. Zugegeben, die tatsächlichen Optionen werden Form für Form festgelegt, aber es gibt viele Plugins für berechnete Felder, die überwältigend sein können, und die anfängliche Einfachheit dieses Plugins macht es zugänglich.

Formulare erstellen

Formularerstellung

Die kostenlose Version (auf die wir hier eingehen werden) enthält 5-Beispielformulare, mit denen Sie Ihre eigenen Spezifikationen duplizieren und bearbeiten oder, wenn sich herausstellt, dass sie Ihren Anforderungen entsprechen, sie unverändert verwenden können.

  • Einfache Operationen
  • Berechnung mit Daten (für einen Buchungskalender usw.)
  • Idealer Gewichtsrechner
  • Schwangerschaftsrechner
  • Mietrechner

Sie sehen diese sofort, wenn Sie diese Seite laden. Sie können den Funktionscode direkt an jeder Stelle hinzufügen, an der die Funktionscodes angezeigt werden, und Sie sind im Geschäft. Sie können auch drücken Cloner um das Formular zu duplizieren und die bereits durchgeführten Berechnungen mit der Schaltfläche zu ändern Parameter .

Unter dieser Liste befindet sich die Schaltfläche Neue Form , die bei Verwendung nur eine neue Option am Ende der obigen Formularliste hinzufügt.

Formularerstellung

Egal wie viele Formulare Sie möchten, beschriften Sie sie einfach

Formulare bearbeiten

Welches Formular Sie auch bearbeiten möchten, drücken Sie Parameter führt Sie zum visuellen Editor dieses Formulars. Da wir eine neue gestartet haben, werden wir uns die leere Leinwand ansehen.

Divi Form BuilderAlles was Sie tun müssen, ist auf ein Element links zu klicken und es wird rechts angezeigt. Zu diesem Zeitpunkt können Sie es an die gewünschte Stelle im Formular ziehen.

Felder hinzufügenKlicken Sie in das neue Feld rechts. Die Registerkarte links ändert sich von Feld hinzufügen für Feldeinstellungen .

Konfiguration einer Divi-SteuerungJedes Feld hat eine etwas andere Parameterseite, aber die universelle Seite ist die Name du Feld, Bezeichnung für die Nachricht . Abgesehen von der stumpfen Bezeichnung ist dies die Variable, die Sie einfügen, um den Wert dieses Felds in allen von Ihnen hinzugefügten Berechnungen zu referenzieren.

Wenn Sie alle erforderlichen Feldeinstellungen vorgenommen haben, wird die Parameter du Formularwird gut genug erklärt. Sie passen allgemeine Formularoptionen wie Ausrichtung, Cookie-Persistenz, Vorlagenerstellung, CSS usw. an.

Registrierung von cff-FormulareinstellungenWenn Sie diesen Punkt erreichen (oder jederzeit zuvor), Sie müssen auf Änderungen speichern klicken . Wenn Sie dies nicht tun, werden Sie verlieren Toute die Anpassung, die Sie vorgenommen haben. Es gibt keine automatische Aufzeichnung im Builder für berechnete Felder . Also, was auch immer Sie tun, drücken Sie Änderungen speichern .Speichern Sie Divi-Änderungen

Dadurch kehren Sie zur Hauptseite zurück, können diese jedoch schnell wieder bearbeiten. Dies ist viel einfacher, als Ihren Fortschritt beim Einrichten der Berechnung zu verlieren. (Lernen Sie in diesem Fall aus unseren Fehlern.)

Weitere Formularoptionen - Text und Validierung

Unter der Schaltfläche Änderungen speichern, Sie finden einen sekundären Satz von Parametern und Formularoptionen.

Validierung und Text

Viele Leute werden diese Einstellungen sehr wenig verwenden. Sie passen den Beschriftungstext unter an Definieren Sie die Texte , indem Sie auswählen, was Benutzer auf Schaltflächen und Paginierung sehen précédents et folgende .

Mit Validierungsparameter Sie bestimmen, ob Sie die Einträge validieren müssen (ist dies eine echte E-Mail? Hat sie Text in ein Zahlenfeld eingefügt?) oder nicht. Wenn Sie entscheiden, dass Sie die Validierung verwenden möchten (was Sie höchstwahrscheinlich tun), können Sie diesen Abschnitt verwenden, um den alternativen Text zu bearbeiten, den Ihre Benutzer sehen werden. Im Allgemeinen funktioniert der Standardtext und teilt dem Benutzer mit, welche Informationen für die Berechnung gültig sind.

In einigen Fällen müssen Sie möglicherweise spezifischer sein oder Fachjargon oder Branchenbegriffe verwenden. In diesem Fall ist dieses Parameterfeld am nützlichsten. Höchstwahrscheinlich werden Sie es jedoch nicht verwenden und sollten wahrscheinlich nichts ändern. Dies ist ein Klassenfall von Wenn es nicht kaputt ist, reparieren Sie es nicht .

Das Endprodukt

Finden? Produkt? Es ist ein Mathe-Witz. Weil wir Berechnungen machen.

In beiden Fällen sollten Sie im Formular-Generator Folgendes sehen, wenn Sie auf Speichern klicken und Ihr Formular in seiner ganzen Pracht sehen:

Formularberechnungsergebnis

Und so etwas auf der Live-Site:

Beispiel einer Divi-Form

Das letzte Formular oben verwendete Vorlage 2, die auf der Registerkarte definiert ist Parameter du Formular .

Verwenden Sie mit Gutenberg

Wir haben oben erwähnt, dass das Formular "Berechnete Felder" mit dem Blockeditor kompatibel ist. Wir wollten uns einen kurzen Moment Zeit nehmen, um Ihnen zu zeigen, wie einfach es ist, sie zusammen zu verwenden. Um zu beginnen, müssen Sie immer noch die gleichen Schritte wie oben ausführen, um die Formulare zu erstellen und die Berechnungen an den richtigen Stellen abzurufen.

Öffnen Sie danach den Beitrag oder die Seite im Blockeditor, den Sie zum Einfügen des Formulars benötigen. Drücken Sie die Kreistaste +, um einen neuen Block hinzuzufügen, und scrollen Sie zum Abschnitt Berechnete Felder bilden und klicken Sie auf SBB einlegen .

Fügen Sie einen cff-Block ein

Schauen Sie dann rechts auf dem Bildschirm unter den Blockierungseinstellungen nach. Sie können das Dropdown-Menü verwenden Forms um das gewünschte Formular auszuwählen. Der CFF-Block wird dann in Echtzeit aktualisiert.

Plugin-Konfiguration

Um Änderungen am Formular vorzunehmen, sollten Sie immer den obigen visuellen Formular-Generator verwenden. Das Einfügen und Stylen mit dem Blockeditor ist jedoch so einfach.

Zusammenfassung

Wie Sie sehen können, kann das Formular Fields Form-Plugin einige unglaublich leistungsstarke Aufgaben ausführen. Auch in der kostenlosen Version. Wenn Sie sich für ein Upgrade entscheiden, erhalten Sie noch robustere Funktionen. Für viele Benutzer ist die kostenlose Version jedoch leistungsstark genug, um alle Berechnungen und Bedingungen auszuführen, die ihre Benutzer benötigen. Wie oben erwähnt, gibt es eine nahezu endlose Anzahl von Formular-Plugins im Repository, aber wir glauben, dass sich die berechneten Felder bilden ist eine der besten Wahl . Vor allem, wenn Sie nicht für einen Bauunternehmer einkaufen Kontaktformular.