Skip Hidden Pages in Multistep Forms

This JavaScript snippet automatically skips multistep form pages in JetFormBuilder that have no visible inputs. The first and last pages are never skipped, ensuring smooth user navigation.

Specifications
Skip Hidden Pages in Multistep Forms
6 January, 2026
  • Plugin
    • JetWooBuilder
  • Category
    • Forms
  • Programming languages
    • JavaScript
Source code

Installing Instruction

  1. Copy the provided JavaScript code snippet to your clipboard.
  2. Add the code using one of the following methods:
    1. Option A: Using a Custom Code Plugin (Recommended)
      1. Install and activate a plugin such as WPCode Lite, Code Snippets, or Simple Custom CSS and JS.
      2. Create a new JavaScript snippet.
      3. Paste only the JavaScript code, without <script> tags.
      4. Save and activate the snippet.
    2. Option B: Using a Custom Code / HTML Area
      1. Add the code in a Custom HTML widget or directly into a theme file (for example, header.php or footer.php).
      2. Keep the <script> tags when using this method.
      3. Save your changes.

Example Use Case

Use this snippet to automatically advance through JetFormBuilder pages that lack visible inputs during a multi-step submission, improving user experience by removing unnecessary steps while keeping first and last pages intact.
Applicable scenarios:

  • Complex form workflows where conditional logic hides specific steps.
  • Surveys and applications requiring smooth and efficient navigation.
  • Membership or booking forms that utilize dynamic fields.
Specifications
Skip Hidden Pages in Multistep Forms
6 January, 2026
  • Plugin
    • JetWooBuilder
  • Category
    • Forms
  • Programming languages
    • JavaScript
Source code

Let’s build together

Have your own solution?

Came up with a great solution and want to show it to the Crocoblock community?

Request a new feature

Leave a feature request through GitHub, and our developers will consider it