# Formspree

> Formspree is a form backend, API, and email service for HTML & JavaScript forms. It's the simplest way to handle form submissions without writing a custom backend.

## Benefits of Formspree

- Use your own frontend code and collect submissions through Formspree's endpoint
- Fully customizable forms. Formspree supports JavaScript forms, simple HTML forms, and [FormButton](https://formspree.io/formbutton) - easy popup forms.
- Use the Formspree CLI (@formspree/cli) and React library (@formspree/react) to quickly configure and submit powerful JavaScript forms
- Squash spam with Formspree's industry leading spam filter, Formshield, reCaptcha, and custom rules
- Automatically integrate with 25+ different platforms to get your data where it needs to be without Zapier.
- Trusted by 500,000+ freelancers, agencies, and Fortune 500 companies including the PGA, OpenAI, Amazon, the CDC, UPS, Walmart, Teladoc, T-Mobile, ILIA, Adobe, IBM, and ReadMe.

## Products Formspree Integrates with

Formspree integrates with the following products:
- Notifications: Send short, real-time alerts to your inbox or team chat the moment a form is submitted.
  - Discord
  - Slack
  - Telegram
- Productivity: Create tasks, sync rows, or file issues where your team actually works.
  - Airtable
  - Asana
  - GitHub
  - Google Sheets
  - Notion
  - Trello
- CRM Systems: Turn every qualified submission into a contact/company/deal in your CRM.
  - Hubspot
  - Pipedrive
  - Salesforce
- Newsletters: Capture subscribers directly from your forms and keep lists clean and compliant.
  - Mailchimp
  - MailerLite
  - ConvertKit
  - Klaviyo
  - Constant Contact
- Support: Pipe issues and customer messages straight into your support inbox or helpdesk for SLAs, assignment, and reporting.
  - Freshdesk
  - Gladly
  - Gorgias
  - Zendesk
- Others: Trigger payments, auto-reply to submitters, or forward data anywhere that accepts webhooks.
  - Stripe
  - Zapier
  - Auto Response
  - Webhook

## How to Get Started

1. **Create a Formspree account**: Go to [https://formspree.io](https://formspree.io) and sign up with your email.
2. **Create a new form**: From your Formspree dashboard, click **+ Add New -> New Form**, and copy the generated form endpoint URL.
3. **Add the form to your site**: In your HTML, set the form’s `action` attribute to your Formspree endpoint and `method="POST"`. Example:
   ```html
   <form action="https://formspree.io/f/YOUR_FORM_ID" method="POST">
     <input type="email" name="email" />
     <textarea name="message"></textarea>
     <button type="submit">Send</button>
   </form>
   ```
4. **Test your form**: Submit the form once and confirm the submission appears in your dashboard or arrives via email.
5. **Add spam protection and integrations**: Enable Formshield, reCAPTCHA, or plugins like Slack, Airtable, or Google Sheets directly from your dashboard.
6. **Go live**: Deploy your site. Formspree will handle the backend, email notifications, and integrations automatically.

## Platform Integration Guides

Formspree provides [platform-specific implementation guides](https://formspree.io/guides/) for integrating forms into common site builders and frameworks.

Supported platform guides:
- [Framer](https://formspree.io/guides/framer/): How to add Formspree forms to Framer
- [Squarespace](https://formspree.io/guides/squarespace/): How to add Formspree forms to Squarespace
- [WordPress](https://formspree.io/guides/wordpress/): How to add Formspree forms to Wordpress
- [Webflow](https://formspree.io/guides/webflow/): How to add Formspree forms to Webflow
- [Shopify](https://formspree.io/guides/shopify/): How to add Formspree forms to Shopify
- [Angular](https://formspree.io/guides/angular/): How to add Formspree forms to an Angular app
- [Next.js](https://formspree.io/guides/nextjs/): How to add Formspree forms to a Nextjs app

These guides document how to connect existing platform form components to a Formspree endpoint, configure submission handling, and enable production-ready form workflows without maintaining a custom backend.

## Documentation
- ["Thank You" redirect](https://formspree.io/markdown-support/-Thank-You-redirect.md)
- [Building a Form with JavaScript](https://formspree.io/markdown-support/Building-a-Form-with-JavaScript.md)
- [Building an HTML Form](https://formspree.io/markdown-support/Building-an-HTML-Form.md)
- [File uploads](https://formspree.io/markdown-support/File-uploads.md)
- [Getting started with Workflow](https://formspree.io/markdown-support/Getting-started-with-Workflow.md)
- [Localization and translation](https://formspree.io/markdown-support/Localization-and-translation.md)
- [Plugins](https://formspree.io/markdown-support/Plugins.md)
- [reCAPTCHA settings](https://formspree.io/markdown-support/reCAPTCHA-settings.md)
- [Sending a confirmation or response email](https://formspree.io/markdown-support/Sending-a-confirmation-or-response-email.md)
- [Setting Custom Email Templates](https://formspree.io/markdown-support/Setting-Custom-Email-Templates.md)
- [Setting up a Formspree Team](https://formspree.io/markdown-support/Setting-up-a-Formspree-Team.md)
- [Special Fields](https://formspree.io/markdown-support/Special-Fields.md)
- [The Formspree React library](https://formspree.io/markdown-support/The-Formspree-React-library.md)