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

If you're using a third-party form processor during site export in Webflow and you want to redirect to the default Webflow success message after form submission, you can follow these steps:

​

1. First, make sure you have set up your form to use the third-party form processor. This typically involves configuring the form action URL and any necessary form fields.

​

2. Once your form is set up with the third-party form processor, you need to add a custom JavaScript code to your site to handle the form submission and redirect.

​

3. Go to your Webflow project and open the Designer.

​

4. Switch to the "Custom Code" tab in the project settings.

​

5. In the "Head Code" section, add the following script:

​

```html

<script>

  // Listen for the form submission event

  document.addEventListener('formSubmission', (event) => {

    // Redirect to the default Webflow success message URL

    window.location.href = 'https://www.yourwebsite.com/thanks-page';

  });

</script>

```

​

Make sure to replace `'https://www.yourwebsite.com/thanks-page'` with the actual URL of your Webflow success message page.

​

6. Switch to the "Export" tab in the project settings.

​

7. Export your site and upload it to your hosting server.

​

With these steps, when a user submits the form on your site, the custom JavaScript code will listen for the form submission event triggered by the third-party form processor. Once the event is captured, it will redirect the user to the default Webflow success message page.

​

Note: Ensure that the URL you provide for the Webflow success message page exists and is set up correctly within your exported site.