Im Arsenal jedes WordPress-Entwicklers gibt es eine Werkzeugkiste mit Plugins, die zur Implementierung wichtiger Website-Funktionen verwendet werden. Formulare waren bis jetzt ein Streitpunkt für die meisten Entwickler, da kein Formular-Plugin eine nahtlose Integration in den bestehenden Website-Code bot. Daher werden Formulare oft zu einem fremden Code-Block, der eine benutzerdefinierte und zeitaufwändige Formatierung erfordert.
Jetzt gibt es eine Lösung: WS Form
WS Form ist ein auf Entwickler ausgerichtetes WordPress-Formular-Plugin, das Framework-fähigen, responsiven HTML5-Code ausgibt. Es ermöglicht Ihnen, Formulare schnell mit einem innovativen Layout-Editor und einer Vielzahl von Entwicklerfunktionen zu erstellen.
Framework-kompatibles HTML für das Frontend aus einem Layout-Editor
Wenn Sie ein Theme mit Bootstrap (Versionen 3 & 4) oder Foundation (Versionen 5, 6 & 6.4+) entwickeln oder implementieren, gibt WS Form Code aus, der nativ zu diesen Frameworks gehört. Für Themes, die diese Frameworks nicht verwenden, ist ein Fallback-Framework enthalten, das vollständig responsiv und für Entwickler einfach zu gestalten ist.
Der WS Form Layout-Editor ermöglicht es Ihnen, Ihr Formular an jedem Breakpoint zu bearbeiten. Formularelemente werden per Drag & Drop in das Formular gezogen, und alle responsiven CSS-Klassen werden für Sie gehandhabt. Für Entwickler, die zusätzliche Kontrolle wünschen, verfügt jeder Feldtyp über eine Vielzahl von Einstellungen, einschließlich der Möglichkeit, eigene Wrapper- und Feldklassen hinzuzufügen.
Und innerhalb von WS Form ist Zeitreisen real. Die Rückgängig-Funktion ermöglicht es Ihnen, zu jedem Punkt Ihrer Formularentwicklung zurückzukehren und von dort aus fortzufahren.
Vorstellung der ersten Formular-Debug-Konsole
WS Form ist das erste WordPress-Formular-Plugin, das eine dedizierte Debug-Konsole für Entwickler bietet.
Eine zeitaufwändige Aufgabe bei der Entwicklung jedes Formulars ist das wiederholte Ausfüllen eines Formulars zum Testen. WS Form ist das erste WordPress-Formular-Plugin, das die Möglichkeit bietet, ein Formular automatisch auszufüllen. Klicken Sie einfach im Debug-Fenster auf "Ausfüllen", und das Formular wird jedes Mal mit verschiedenen Beispieldaten vorausgefüllt. Dies beschleunigt die Entwicklungszeit erheblich, insbesondere bei größeren Formularen mit mehreren Tabs.
Das Fenster bietet eine Aktivitäts- und Fehlerprotokollierung pro Formularinstanz sowie die Möglichkeit, ein Formular neu zu laden, während Sie sich noch auf derselben Webseite befinden.
Umfangreiche HTML5-Unterstützung für Eingabetypen
WS Form enthält Einstellungen für alle Formular-Eingabetypen. Die Einstellungen umfassen alles von Standardwerten und Platzhaltertext bis hin zu benutzerdefinierten Validierungsnachrichten und Datalisten. Zusätzlich zu elementaren HTML5-Eingabetypen bietet WS Form zusätzliche Felder wie reCAPTCHA, Signaturen und sogar E-Commerce- und Zahlungsbuttons.
Einige HTML5-Eingabetypen, wie z. B. Datums- und Farbauswahlen, werden noch nicht von allen Webbrowsern unterstützt. WS Form überwindet dieses Hindernis, indem es die native Unterstützung prüft und bei Nichtverfügbarkeit eine geeignete alternative Komponente lädt. Sie haben die Möglichkeit, diese Komponente von Ihrem Webserver oder von einem CDN zu laden.
Grenzenlose bedingte Logik
Bedingte Logik ermöglicht es Ihnen, ein Formular interaktiv zu gestalten und die Benutzerfreundlichkeit zu verbessern. Sie könnten zum Beispiel auswählen, nur Versandadressfelder anzuzeigen, wenn eine Checkbox aktiviert ist, oder eine Fehlermeldung anzuzeigen, wenn eine Passwortbestätigung nicht übereinstimmt.
WS Form bietet eine umfangreiche Auswahl an Optionen für die Erstellung von if-, then- und else-Bedingungen auf Formular-, Tab-, Abschnitts- und Feldebene. Darüber hinaus sind bedingte Optionen kontextabhängig, sodass zum Beispiel Farbfelder es Ihnen ermöglichen, ein Verhalten auszulösen, wenn der Farbton oder die Helligkeit dieses Feldes bestimmten Bedingungen entspricht. WS Form ermöglicht es Ihnen sogar, Aktionen auszulösen, wie z. B. das Senden einer E-Mail oder das Anzeigen einer Nachricht, wenn eine Bedingung erfüllt ist. Dies kann nützlich sein, um ein Formular automatisch zu speichern, während der Benutzer Tabs in einem Formular durchläuft.
Eine ständig wachsende Bibliothek von Formularaktionen
WS Form-Aktionen werden ausgelöst, wenn ein Formular von einem Benutzer gespeichert oder übermittelt wird. Aktionen können auch durch bedingte Logik ausgelöst werden.
Zu den Aktionen gehören:
- Senden von E-Mails
- Anzeigen von Nachrichten (z. B. eine Dankesnachricht)
- Ausführen von JavaScript
- Auslösen eines WordPress-Hooks (Aktionen oder Filter)
- Initiieren von WordPress-DSGVO-Funktionalitäten, wie z. B. eine Datenexport- oder Löschungsanforderung
- Weiterleiten
Probieren Sie es noch heute aus
Das Erstellen eines WordPress-Formulars in WS Form bedeutet, dass Sie Formulare schnell prototypisieren und implementieren können. Mit responsivem HTML5-Code, automatischer Framework-Kompatibilität und fortschrittlicher bedingter Logik, um nur einige der Funktionen zu nennen, verändert WS Form die Art und Weise, wie WordPress-Formulare eine Website verbessern und stärken können.
Verwenden Sie den Gutscheincode CSST20, um 20% Rabatt auf alle WS Form PRO-Produkte zu erhalten!