• Drag a Form element from the Add panel into your Webflow project.
• Inside the form, add a Div Block for better organization and to contain different form steps.

• Inside the Div Block, insert Div Blocks for each form step you’ll need. For example, Div Block for Step 1, Div Block for Step 2, and so on.
• Add necessary Form Fields (like text fields, dropdowns, etc.) inside each of these Div Blocks.

• At the bottom of each Div Block, insert Button elements to navigate between steps. Typically, this includes “Next” and “Previous” buttons.
• Label the buttons accordingly.

• Select each Div Block that represents a form step.
• Assign unique IDs to each Div Block. Example: step1, step2, step3, etc.

• Go to the Page Settings of the page containing the form.
• In the "Before tag" section, insert the following custom JavaScript code:

document.addEventListener('DOMContentLoaded', function () {
    let currentStep = 1;

    function showStep(step) {
        document.querySelectorAll('.form-step').forEach((stepDiv, index) => {
            stepDiv.style.display = (index === step - 1) ? 'block' : 'none';
        });
    }

    document.querySelectorAll('[data-next-step]').forEach(button => {
        button.addEventListener('click', () => {
            currentStep++;
            showStep(currentStep);
        });
    });

    document.querySelectorAll('[data-prev-step]').forEach(button => {
        button.addEventListener('click', () => {
            currentStep--;
            showStep(currentStep);
        });
    });

    showStep(currentStep);
});

• Assign the class form-step to each of your step Div Blocks.
• Assign a data attribute data-next-step to the "Next" buttons and data-prev-step to the "Previous" buttons.

• Preview your Webflow site and navigate through the form to ensure each step appears as expected.
• Make any adjustments as necessary to ensure smooth navigation and UX.

• Once you've tested that the multi-step functionality works as intended, publish the site to make the form live.

Ensure to regularly check that all form submissions are correctly captured and make adjustments based on user feedback if necessary.