Formspree offers an easy-to-use integration process for basic HTML forms. Here you will learn how to create your first HTML form, modify the markup to fit your specific needs, and integrate your form into your website.
Before you start, sign up for a Formspree account and verify your email.
Creating a new form
Once you’ve created your Formspree account, you can create a new form by logging into the dashboard, clicking the plus sign in the top left, then clicking New Form.
You can find your form ID/endpoint in the Integration section of your Formspree dashboard. The form ID will be shown under "Your form's endpoint is:" Here you can also find a collection of default form snippets that can be used on your site. Each snippet is configured to use your form’s specific endpoint. The default snippets available under Integration provide the code for a form with an Email field, a Message field, and a Submit button. If you’d like to include different fields in your form, you can find a selection of example forms in the Form Library.
Modifying your form markup
If you have more specific requirements for your form, you can modify the code of the example forms, or write your own form code. You can make use of any standard HTML form fields and attributes when composing your form code. Your form must include, at a minimum, an action attribute including your form’s unique endpoint, and field inputs which contain a name
attribute. Any form element with a name
attribute will be sent to us.
Further reference on HTML forms can be found on the MDN Web Docs website.
Implementing your form
Formspree can be used with most modern content management systems and frameworks. Your form can be added anywhere in your site’s code that you’d like the form to appear. If you’d like to employ AJAX to submit your forms, more information can be found in our Submit forms with JavaScript (AJAX) guide.
If you’re using React and would like to build multi-input forms with custom validation, you can get started with our React component library by following our guide here.
Sending your form data to third-party services
Once your form is up and running on your website, you can begin receiving submissions. All of your form submissions will be stored within your Formspree account. Submissions can also be sent to an email listed as the Target Email in your form’s settings. However, you may find it useful to send your form submission data to outside services you already use, such as a CRM or a spreadsheet. Formspree offers a number of plugins to easily send submission data to third-party services.
You can add plugin integrations via the Plugins or Workflow sections of your Formspree dashboard. Please note that certain plugins are available only with specific plans. More information about popular plugins can be found here:
Additional resources
For more information on building an HTML form with Formspree, check out our tutorials and guides.