WP User Frontend has just received a major UI/UX update. It introduces a fresh new look for the form builder with a clean design and improved navigation. This enhances the form-building experience, making it faster and more efficient.
While the old interface felt a bit outdated, the revamped form-building experience makes everything smoother. So, from now on, creating registration and post-submission forms will feel more enjoyable.
In this blog post, we'll explore the changes made to the UI/UX of WP User Frontend's form builder. Let's dive in!
Changes Made to the Form Builder of WP User Frontend
This revamp has brought about three changes to the UI/UX of the form builder – interface, quick search option, and module display. Let's take a look at them, comparing them with the old version.
1. Changes in the User Interface
The old version of WP User Frontend has almost a classical interface of its post builder. Although it's well-functional, the layout looks somewhat busy, as numerous settings and options quickly catch your attention. This interface might be overwhelming for the new users.
Old Interface
The canvas is on the left side, and form fields are available on the right side.
You have to drag and drop the essential fields on the canvas to build your desired form.
New Interface
The new version of WP User Frontend provides a minimalistic layout and appearance for the form builder. You can add fields to the canvas by clicking the plus (+) icon or by dragging and dropping the essential fields from the right to the canvas.
You can see that we have created a demo form by adding a few fields to the canvas.
2. Search Box to Find Form Fields
In the old version of WP User Frontend, You can see there is no search box to filter or quickly find the form fields.
Old Interface
You have to explore form fields manually by scrolling in the old version.
New Interface
But the new version of WP User Frontend offers a search box on the right side. Just type the name of form field you are looking for.
You can see that we have used the search box to quickly find a form field.
3. Display Modules
In the old version of WP User Frontend, you won't get the modules in the form builder section.
Old Interface
Go to the Settings tab; you won't see the modules there.
New Interface
Now, come to the new version of WP User Frontend. Go to the Settings tab. You'll see the Modules there, which is a new addition to the new version.
But to get the modules there, you have to enable them at first. Go to User Frontend > Modules. Enable the modules you want by toggling on them. The respective ones will appear under the settings tab of the form builder sections as shown in the above screenshot.
4. Security Fixes
In the latest release of WPUF, we have addressed key security vulnerabilities by properly escaping variables and sanitizing inputs, ensuring compliance with WordPress.org guidelines. We’ve also reverted SweetAlert2 to v11.4.8 to meet WordPress requirements and introduced a composer.json file for improved dependency management.
Additionally, unnecessary files have been removed to streamline the plugin, and the external Headway app widget script has been replaced with a locally hosted version for enhanced performance and security.
These are all the new changes so far we have made in the latest version of WP User Frontend.
Let Us Know Your Feedback
Development is a continuous process. We released the first version of the WP User Frontend plugin back in 2011 and its premium version in 2013. Since then, we have been continuously trying to improve this plugin with modern new features and user friendly interface.
As technology evolves and user preferences change, we promise to come up with more advanced features for the plugin to make frontend editing more enjoyable and exciting. Your feedback, suggestions, and feature requests could be a great help to us to share the future of the plugin.
So, feel free to share your thoughts with us through the comment box below or the chat box.