What could be causing the issue where a Multi step form created using formly in Webflow does not submit properly and instead shows a "Please Wait..." message?
TL;DR
- Verify the form's action URL and submission method.
- Check for JavaScript errors and temporarily disable third-party scripts.
- Monitor network requests and check server responses for errors.
- Ensure Formly steps and required fields are correctly set.
- Test form compatibility across different browsers and clear cache.
- Confirm Webflow CMS and plan restrictions are within limits.
If your Multi-step form in Webflow is getting stuck at a "Please Wait..." message during submission, several factors could be responsible.
1. Check Form Submission Settings
- Verify Action URL: Ensure that the form's action URL is correctly set up in the Form Settings. An incorrect URL can cause the form not to submit.
- Method Protocol: Confirm that the form is set to use the correct submission method (POST/GET) based on your server requirements.
2. Examine JavaScript Conflicts
- Custom Script Errors: If you’ve included any custom JavaScript, check for errors in the browser console. JavaScript errors can disrupt form submission.
- Third-party Scripts: Disable any third-party scripts temporarily to see if they are interfering with form submission.
3. Inspect Network and Server Connectivity
- Network Issues: Try submitting the form while monitoring the network tab in developer tools for failed requests.
- Server Response: Ensure that your server is not returning a 403 Forbidden error or other unauthorized access response.
4. Validate Formly Configuration
- Step Navigation: Ensure that all steps are correctly configured in Formly, allowing for smooth navigation and data validation at each step.
- Required Fields: Double-check that all required fields in all steps are completed, as missing data can prevent submission.
5. Test Cross-Browser Compatibility
- Browser Compatibility: Test the form on different browsers to identify if the issue is browser-specific.
- Cache and Cookies: Clear the cache and cookies and attempt resubmission to rule out browser caching issues.
6. Review Webflow Hosting
- CMS Limits: If you're using Webflow’s CMS, check if you’ve hit any limits on form submissions.
- Plan Restrictions: Ensure your Webflow plan supports the number of forms you are trying to submit, as higher plans allow more functionality.
Summary
By verifying the action URL, checking for JavaScript conflicts, ensuring network and server connectivity, and reviewing your Formly configuration and Webflow hosting settings, you can resolve the issue causing your Multi-step form to get stuck at a "Please Wait..." message. If the issue persists, consider reaching out to Webflow support for further assistance.