Flexible Checkout Fields plugin has exceeded the magical amount of 50,000 active installations in the WordPress repository. As announced - we present version 3.0 on this occasion. Updates are often uninteresting and all changes go unnoticed. Not this time. The new version is a full-fledged new version and the changes are visible right after opening the settings tab.
ReactJS makes it possible to create UIs using small and isolated pieces of code - the so-called components. This is a great help for Developer. From now on, adding new features and options will not require tedious rewriting of existing code. The code itself becomes even more predictable and easier to debug.
Easier management of the purchase form
The purpose of all these changes is to make the interface easier to use.
Full screen and more space
The previous design took up no more than half the screen. The fields and all the information were crammed. Flexible Checkout Fields 3.0 panel takes up the entire available area. All irrelevant elements have disappeared - e.g. unavailable options such as the Price tab in the default WooCommerce fields. Instead there are icons replacing the text e.g. hints or deleting a field.
Field settings are now better arranged in tabs e.g. field-specific options are now in the Advanced tab. Managing Checkout fields is easier than ever.
The user has at his disposal additional information describing the operation of a given setting. Information is available after clicking on the so-called tooltip and take the form of a brief message. Such hints will not replace the entire documentation - but thanks to them we can transfer the most important information to the plugin panel.
There are also blue information bars visible after selecting tabs with advanced field options (e.g. the Conditional Logic tab).
The PRO version includes fields with options such as Select or Radio. Setting options for such a field used to be associated with entering data in the correct format. Entering a different format caused the field or conditional logic to malfunction. The current version makes it impossible to enter a wrong format.
Similar amenities and incorrect validation messages will also appear when editing other options - e.g. conditional logic.
These are not all changes to Flexible Checkout Fields
The previous design has aged in recent times. However - the implementation of the new look was not an obvious decision and required hours of brainstorming within the Flexible Checkout Fields Team. The complete reconstruction of the interface is the foundation for adding more functions - this argument outweighed the scales for the implementation of the new panel.
Our Developer was the driving force behind the changes. The ReactJS library turned out to be the best tool to achieve this goal.