Contents
Installation
Move the plugin folder to wp-content/plugins/, activate it in the WordPress admin panel, and check whether your installation meets the requirements:
- WordPress 6.2 or newer
- WooCommerce at least version 9.0 (or compatible with your store)
- Flexible Product Fields Pro 2.10 or higher
- PHP 7.4+
Without these, the multi-step layout options will not appear in the product editor.
Activation and linking with the main plugin
The plugin works as an extension of Flexible Product Fields Pro. After activation, make sure the main plugin is enabled and has an active license — only then will the new toggles appear and can be saved.
If everything works properly, you don’t need to do anything else in the panel — the configuration will appear right away when editing field groups.
Enabling step-by-step mode
In the product editing screen, each field group now features a new toggle labeled “Enable multi-step” (or similar). Check it for the groups that should appear as separate steps.
Each step receives a number and the group title, while its contents are placed inside a collapsible panel. If needed, you can assign additional fields to the same group — they will be displayed within that step.
This allows you to divide the form into logical sections grouped in an accordion layout, without changing the field order in the editor.
Customer view on the product page
On the product page, the fields with multi-step enabled are arranged in an accordion:
- The first step is open by default.
- Subsequent steps can be expanded with a single click.
- Each header shows the step number, group name, and an arrow indicating expansion.
- The content inside includes all associated fields.
Groups not marked as steps remain in their original position — without the accordion, just like before.
This way, shoppers see a clear form structure, aren’t overwhelmed by all fields at once, and can easily return to a previous step.
What the user sees in case of errors
If something requires correction, error messages include both the field name and the step name. This helps pinpoint which part of the form needs to be completed.
Restoring the standard view
Unchecking the “Enable multi-step” toggle for a group restores the classic layout, displaying fields in a single block.
Save your changes so that the new settings become visible immediately. If you still see the old layout after editing, refresh the product page or clear your cache.
