How can I set up a Webflow form to use Formspree as the delivery agent?

Published on

September 22, 2023

To set up a Webflow form to use Formspree as the delivery agent, please follow these steps:

Sign up for a Formspree account: Go to the Formspree website and sign up for an account. Formspree offers both free and paid plans, depending on your needs.
Create a new form in Webflow: Open your Webflow project and create a new form element. You can do this by dragging and dropping the Form element from the Add panel onto your page. Customize the form fields as per your requirements.
Configure the form settings in Webflow: With the form selected, click on the "Settings" tab in the right sidebar. In the form settings, ensure that the "Send form submissions to Webflow" option is disabled.
Set up the form action attribute: Under the "Settings" tab, scroll down to the "Action" field. Enter the URL provided by Formspree. The URL will usually be in the format https://formspree.io/your-email-address.
Customize your form design: You can customize the design of your form using the Webflow Designer if needed. This step is optional and depends on your preferences.
Publish your Webflow site changes: Once you have set up your form and made any necessary design changes, publish your site changes in Webflow by clicking the "Publish" button.
Test your form: Open your published Webflow site and submit a test form submission. Check if you receive the submitted data to your specified email address.

By following these steps, you should be able to successfully set up a Webflow form to use Formspree as the delivery agent.

Additional Tips:

Formspree offers advanced features like autoresponders and spam filtering, which you can explore based on your requirements.
Make sure to secure your Formspree endpoint by enabling reCAPTCHA or using their paid plans for added security.