How can I redirect to the default Webflow success message after submitting a form using a third-party form processor during site export?

TL;DR
  • Configure the third-party form processor and ensure form submissions are properly received.
  • Implement custom JavaScript for redirection to the Webflow success message upon successful submission.
  • Customize the success URL to include a query parameter for identifying successful submissions.
  • Add a script to the site's code to detect the success parameter and display the Webflow success message.
  • Test the configuration to ensure correct processing and message display.

To redirect to the default Webflow success message after a form submission with a third-party processor, follow these steps:

1. Configure Third-Party Form Processor

  • Ensure your third-party form processor (e.g., Zapier, Integromat) is set up and functioning correctly.
  • Verify that form submissions from your site are properly received and processed by the third-party service.

2. Implement a Custom JavaScript Redirect

  • Add custom JavaScript to your site to handle the redirection to the default Webflow success message after the form is submitted.
  • This script will typically check for a successful submission response from the third-party processor and then trigger a redirect.

3. Customize the Success URL

  • Upon successful submission, set the redirect URL in your third-party processor to point back to the same page with a specific query parameter (e.g., ?success=true).
  • This parameter will help the script identify successful submissions.

4. Add Script to Detect Successful Submission

  • Insert a JavaScript snippet in your exported site’s code that checks for the query parameter in the URL.
  • If detected, the script should display or trigger the default Webflow success message.

5. Test Your Configuration

  • Submit a form to ensure that it processes correctly and redirects back with the success parameter.
  • Verify that the success message is displayed as expected.

Summary

To redirect smoothly to the Webflow success message after using a third-party form processor during site export, set up a JavaScript redirect in combination with custom query parameters. This approach ensures users receive visual confirmation of successful submissions.

Rate this answer

Other Webflow Questions