Form Not Submitting

Forms on your landing page aren't submitting when users click the submit button? This guide helps you diagnose and resolve common submission issues.

Submit Button Does Nothing

You click the submit button but nothing happens, and the form doesn't submit.

Common Causes:

• Required fields are not filled in
• JavaScript errors blocking submission
• Browser extensions interfering with form behavior

Solution:

1. Check all required fields are filled in correctly:

   • Look for error messages near form fields
   • Required fields are usually marked with an asterisk
   • Ensure email fields contain valid email format (user@example.com)

2. Open browser developer tools and check for JavaScript errors:

   • Press F12 to open developer tools
   • Go to the Console tab
   • Look for any red error messages
   • JavaScript errors can prevent form submission

3. Test in a different browser or incognito mode:

   • Try incognito/private browsing mode to disable extensions
   • Test in different browsers (Chrome, Firefox, Safari, Edge)
   • Some browser extensions block form submissions

4. Verify the form is properly configured on the page:

   • Ensure the form element has a submit button
   • Check that the form is connected to your project

Submit Button Shows Loading Spinner Forever

The submit button displays a loading spinner but never completes or shows success.

Common Causes:

• Network connectivity issues
• Campaign not published (still in preview mode)
• Rate limiting from too many rapid submissions

Solution:

1. Check your internet connection:

   • Forms require an active internet connection to submit
   • Test your network connectivity
   • Try reloading the page

2. Verify the campaign is published:

   • Go to your campaign in the Firebuzz dashboard
   • Check the campaign status is Published not Preview
   • Preview mode may have different submission handling

3. Check for rate limiting:

   • Wait 30-60 seconds if you've submitted multiple times quickly
   • Rate limiting prevents spam and accidental duplicate submissions
   • Try submitting again after waiting

4. Refresh the page and retry:

   • Reload the landing page
   • Re-enter the form data
   • Submit again

Error Message After Submission Attempt

You see an error message after trying to submit the form.

Common Causes:

• Validation errors on specific fields
• Server-side submission errors
• Invalid field formats or special characters

Solution:

1. Read the error message carefully:

   • Error messages indicate the specific problem
   • Common errors include validation failures and server errors
   • Look for field-specific validation messages

2. Verify all required fields are completed:

   • Check for fields marked with an asterisk (*)
   • Ensure no required fields are empty
   • Review conditional fields that may be hidden but required

3. Check field format requirements:

   • Email fields must use valid format: user@domain.com
   • Phone fields may have specific format requirements
   • Remove unusual special characters from text fields

4. Try different input values:

   • Simplify complex input (shorter text, simpler formatting)
   • Remove emojis or special characters
   • Use standard ASCII characters

Form Works in Preview But Fails in Production

Form submissions work perfectly in preview mode but fail on the published landing page.

Common Causes:

• Domain configuration or SSL issues
• DNS propagation delays
• Network or firewall restrictions

Solution:

1. Verify domain configuration:

   • Go to Brand then Domains
   • Check your domain shows Active status
   • Ensure SSL certificate is provisioned
   • See Domain Not Connecting if needed

2. Wait for DNS propagation:

   • New campaign publishes may need 5-10 minutes to propagate
   • DNS changes can take time to spread globally
   • Try again after waiting

3. Test from a different network:

   • Some corporate firewalls block form submissions
   • Test on mobile data to rule out network restrictions
   • Try from a different location or network

4. Check browser console for CORS errors:

   • Press F12 and check the Console tab
   • CORS (Cross-Origin Resource Sharing) errors indicate domain issues
   • Contact support if CORS errors persist

Form Doesn't Work on Mobile Devices

Forms submit successfully on desktop but fail on mobile phones or tablets.

Common Causes:

• Touch target too small for accurate tapping
• Mobile keyboard obscuring submit button
• Mobile-specific JavaScript issues

Solution:

1. Check the submit button size:

   • Button should be at least 44x44 pixels for easy tapping
   • Ensure adequate spacing around the button
   • Test button tap on actual mobile device

2. Verify input types are mobile-friendly:

   • Use type="email" for email fields (shows email keyboard)
   • Use type="tel" for phone fields (shows number keyboard)
   • Proper input types improve mobile user experience

3. Test on actual mobile devices:

   • Desktop browser emulators may not perfectly simulate mobile behavior
   • Test on real iPhone and Android devices if possible
   • Check both portrait and landscape orientations

4. Check for keyboard obscuring the submit button:

   • Ensure users can scroll to see the submit button
   • Consider placing submit button above the keyboard
   • Test the full form submission flow on mobile

Debugging Form Submission Issues

To investigate form submission problems using browser developer tools:

1. Open browser developer tools (press F12)
2. Go to the Network tab
3. Submit the form
4. Look for failed requests (shown in red)
5. Click on the failed request to see error details
6. Check the Response tab for specific error messages

FAQ

Related Resources

• Missing Submissions
• Validation Errors
• Domain Not Connecting
• SSL Certificate Errors