WebForms, the trusted form builder for Magento 2, has just released its latest update: WebForms 3.3. This version is packed with enhancements that improve user experience, optimize performance, and streamline form-building for both store owners and developers. Whether you're handling customer feedback, product surveys, or lead generation forms, WebForms 3.3 brings everything you need to ensure smooth form interactions.
Focus on User Experience Enhancements
The latest release of WebForms is heavily focused on improving the user experience (UX) for both customers and admins. Forms are a critical part of online stores, and ensuring a seamless, frustration-free process can lead to higher completion rates and customer satisfaction. To facilitate this, a dedicated User Experience Settings tab has been added to the form edit page, allowing store owners to easily configure and fine-tune various UX-related options for each form.
Auto-Save Feature
One of the most exciting new additions in WebForms 3.3 is the Auto-Save feature. This option can be activated in the "User Experience Settings" tab of the form editor. Once enabled, users' data will be automatically saved as they fill out the form. If the page is accidentally closed or refreshed, the form data is pulled from the browser's localStorage, allowing users to pick up where they left off without losing any information.
This is especially helpful for long forms or complex multi-step forms where interruptions might otherwise cause frustration.
Preview Before Submission
Another key feature in WebForms 3.3 is the Form Preview Before Submission. This feature allows users to review all their entered data in a clean, readable format before they click submit. Once everything looks correct, they can confirm the submission.
This not only improves data accuracy but also provides an extra layer of assurance for users, reducing form errors and the need for corrections later.
Enhanced Form Interactions
To further enhance user interactions, WebForms 3.3 includes upgrades to the slide-out form panel and the popup script. These features create a modern, non-intrusive form experience.
New Slide-Out Panel
The slide-out form panel has been revamped with modern styling, button icon options, and a screen overlay feature. This allows users to interact with forms without leaving the current page, ideal for capturing information while keeping users engaged with the main content.
New Popup Script
The newly upgraded popup script ensures that popups are both efficient and responsive, grabbing the user's attention without being intrusive. This feature works well for promotional forms, surveys, and feedback collection.
New WYSIWYG Field
The WYSIWYG Editor field type has been upgraded to make it even easier for developers and store owners to create and format custom forms. This feature is particularly useful for adding rich content to forms, such as detailed instructions or descriptions.
Enhanced Star Rating
The star rating script has been optimized for better performance and user interaction. The new JavaScript library is significantly more compact, taking up much less space and offering a minimal, efficient implementation. It also features a more stylish appearance, enhancing the overall user experience.
New Efficient Tooltips
The new tooltip script has been significantly improved with a modern look and extremely compact design. This upgrade ensures faster loading times, enhancing the overall user experience while providing helpful information to form users.
Improved Swatches
The swatch and gallery input fields have been enhanced with a new "Show Selected Values" parameter. This feature allows the display of selected values in a convenient order under the field label. Additionally, the swatch field text is now automatically assigned a contrast color based on the swatch background.
Performance Optimizations
Performance has been a major focus in WebForms 3.3. By incorporating dynamic CSS loading, the plugin now ensures that only the necessary CSS is loaded, which reduces load times and improves page speed. Faster page loads can positively impact your store's SEO and customer experience.
Dynamic CSS Loading
Ensures only necessary CSS is loaded, reducing load times and improving page speed.
Improved Lighthouse Score
Significantly enhanced Lighthouse performance score for faster, more efficient page loads.
Enhanced Compatibility
Rewritten compatibility modules for Hyvä and Breeze themes, ensuring seamless integration.
WebForms Hyvä Compatibility Module 2.0
WebForms 3.3 introduces a rewritten Hyvä compatibility module, available through the MageMe repository. This module leverages Alpine JS and Tailwind CSS extensively, ensuring seamless integration with Hyvä themes:
mageme/module-webforms-3-hyva repository.
Complete Tailwind Styling
Replaces legacy stylesheets in favor of Tailwind CSS for a more efficient and flexible design approach.
Alpine JS Components
Replaces custom JavaScript with more Alpine JS components for improved reactivity and performance.
Hyvä Developer Settings
Introduces a new Hyvä Developer Settings block in the configuration for advanced customization.
WebForms Breeze Compatibility Module 1.2
WebForms 3.3 now offers improved compatibility with the Breeze and Argento themes, ensuring seamless integration with Breeze's high-performance approach to Magento 2 frontend development.
Removed Legacy Code
Eliminated outdated code to improve overall performance and maintainability.
Optimized CSS Loading
Enhanced CSS loading for faster page rendering and improved experience.
Updated JS Libraries
Upgraded JavaScript libraries for better functionality and compatibility.
This compatibility is built into the core module, automatically detecting and adapting to Breeze-powered themes, including support for Turbo mode.
New To WebForms 3?
If you're using WebForms 2, upgrade now to access these powerful features. WebForms 3.3 enhances user experience, streamlines interactions, and boosts performance. As an existing customer, you'll enjoy a 30% discount on the upgrade. Plus, we've developed a simple data migration procedure to ease your transition from v2, ensuring you can quickly leverage these exciting improvements in your Magento 2 store.
FAQs About WebForms 3.3
- help What are the key new features introduced in WebForms 3.3?
- WebForms 3.3 brings several significant enhancements, including the Auto-Save feature, Form Preview Before Submission, upgraded slide-out form panels, a modern popup script, and advanced form elements like the WYSIWYG Editor field type. These features aim to improve user experience, streamline form interactions, and offer more customization options for form building.
- help How does the Auto-Save feature enhance the user experience?
- The Auto-Save feature automatically saves users' form data in their browser's localStorage as they fill out the form. If the page is accidentally closed or refreshed, the saved data is restored when the user revisits the form, allowing them to continue without losing any information. This is particularly beneficial for lengthy or multi-step forms where interruptions could lead to user frustration.
- help Is WebForms 3.3 compatible with popular Magento 2 themes like Hyvä and Breeze?
- Yes, WebForms 3.3 includes rewritten compatibility modules for both Hyvä and Breeze themes. Additionally, it introduces the WebForms Hyvä 2.0 compatibility module, available exclusively through the MageMe repository. This ensures seamless integration and optimal performance when using these modern, fast-loading Magento 2 themes.
- help What performance optimizations are included in this update?
- WebForms 3.3 incorporates dynamic CSS loading, ensuring that only the necessary CSS is loaded for each form. This reduces load times and improves page speed, positively impacting your store's SEO and user experience. The update also significantly improves the Lighthouse performance score, leading to faster, more efficient page loads.
- help How can I upgrade to WebForms 3.3, and is it free for existing customers?
- Upgrading to WebForms 3.3 is free of charge for customers within their upgrade and support period. You can extend your support and update plan by visiting your account area's My Licenses page. By upgrading, you'll gain access to all the new features and performance improvements, ensuring your forms are optimized and user-friendly.