How can I prevent the submit button on my Webflow form from redirecting to an empty page on sendinblue?

Published on
September 22, 2023

To prevent the submit button on your Webflow form from redirecting to an empty page on Sendinblue, you can use the AJAX form submission method. This allows the form to be submitted in the background without causing a page refresh. Here's how you can implement it:

  1. Select your form element in the Webflow designer.
  2. In the right sidebar, click on the "Settings" tab.
  3. Enable the "AJAX form submission" option.

By enabling AJAX form submission, the form will be submitted asynchronously, and the user will not be redirected to an empty page on Sendinblue.

Additionally, you can also customize the success and error messages that are displayed to the user after the form submission:

  1. Under the "Actions" tab in the right sidebar, select the appropriate Success or Error state.
  2. Modify the content and design of the success or error message elements to your liking.

By customizing the success and error messages, you can provide clear feedback to the user about the status of their form submission.

Implementing AJAX form submission and customizing success/error messages will enhance the user experience and prevent the submit button from redirecting to an empty page on Sendinblue.

Additional Tips:

  • Make sure you have properly set up your Sendinblue account and integrated it with your Webflow project.
  • Test your form submission to ensure it is successfully sent to Sendinblue and that the proper success or error message is displayed.

Example Usage:

<form action="https://api.sendinblue.com/v3/smtp/email" method="POST" data-netlify="true" data-netlify-honeypot="bot-field" class="form" data-form-type="contact">  <!-- form fields here -->  <!-- submit button -->  <button type="submit" class="button">Submit</button></form>

Additional Questions:

  1. How can I customize the success and error messages on my Webflow form?
  2. Can I use AJAX form submission with other email marketing services besides Sendinblue?
  3. What are some other benefits of using AJAX form submission on my website?