# Formbold > Formbold is a form backend and form API for HTML, React, Next.js, Vue, Webflow and static websites. Point any form at a Formbold endpoint and it stores each submission, filters spam and forwards it to email, Slack, Google Sheets, Notion, webhooks and other apps, with no server code to write or host. Key facts: - Each form gets an endpoint like `https://formbold.com/s/YOUR_FORM_ID`. Set it as the form's `action` with `method="POST"`, or send a `fetch` request to it. - Every input needs a `name` attribute; fields without one are dropped. - Works the same on plain HTML pages and in React, Next.js, Vue, Angular, Svelte, Astro and other frameworks. - Submissions are visible in the Formbold dashboard and can be forwarded to email, Slack, Discord, Telegram, Google Sheets, Notion, HubSpot, Mailchimp, Zendesk, Zapier, Make and webhooks. - Formbold has a REST API and an MCP server for AI assistants. - Plans and limits: https://formbold.com/pricing Quick start: ```html
``` Docs links below point to plain-markdown versions of each page. The full text of the docs, integration pages, platform guides and comparisons is in one file at https://formbold.com/llms-full.txt. ## Product - [Home](https://formbold.com): What Formbold is, how it works and which tools it connects to. - [Form API](https://formbold.com/form-api): Send HTML or fetch form submissions to one Formbold endpoint, with spam filtering, email notifications and integrations included. - [Pricing](https://formbold.com/pricing): Free and paid plans, submission and form limits, and pricing FAQs. - [Integrations](https://formbold.com/integrations): Every app Formbold can send submissions to. - [Platforms](https://formbold.com/platforms): Working contact form code for each supported framework and site builder. - [Form templates](https://formbold.com/templates): Free copy-paste HTML and Tailwind CSS form templates wired to Formbold. - [Alternatives](https://formbold.com/alternatives): How Formbold compares with Formspree, Web3Forms, Tally, Jotform and other form services. - [Documentation](https://formbold.com/docs): Setup guides, form settings, integrations, API and AI docs. - [Blog](https://formbold.com/blog): Tutorials and product guides. ## Docs: Introduction - [Getting Started with Formbold](https://formbold.com/docs/docs.md): Quick start guide to connecting your static forms to Formbold API and receiving form submissions anywhere. - [Set Up Your Form Endpoint](https://formbold.com/docs/form-setup.md): Find your Formbold endpoint on the Form Setup tab, copy an HTML, React, Vue, Next.js, Angular or Ajax example, and send a test submission. - [Test Your Form Before Going Live](https://formbold.com/docs/test-form.md): Use the Formbold Test Form tab to send a real submission, then check your email, Submissions and connected apps before launch. - [Your Dashboard at a Glance](https://formbold.com/docs/dashboard-overview.md): A quick tour of the Formbold dashboard: the Overview page, All Forms, the sidebar sections and where each setting lives. ## Docs: Account & Security - [Account Management & Security](https://formbold.com/docs/account-security.md): Manage your Formbold account: name, email, logo, password and account deletion in Account Settings, plus where API tokens and emails live. - [Additional Emails](https://formbold.com/docs/linked-emails.md): Add the email addresses your Formbold forms can send to. Manage Additional Emails, plan limits and how they appear in Recipient, CC and BCC. - [API Tokens & Authentication](https://formbold.com/docs/api-tokens.md): Create, use and revoke Formbold API tokens from API & MCP. Send them as a Bearer header to the REST API and MCP server, on every plan. - [Billing, Invoices & Plan Quotas](https://formbold.com/docs/billing-plans.md): Formbold plans compared: Free, Starter, Premium and Business limits and prices, API and MCP on every plan, usage limits and invoices. ## Docs: Workspaces & Teams - [Workspaces & Team Collaboration](https://formbold.com/docs/workspaces-teams.md): How Formbold workspaces work: separate forms per client, plan limits, moving forms between workspaces and inviting your team. - [Workspace Settings & Configuration](https://formbold.com/docs/workspace-settings.md): Formbold Workspace Settings: name, logo, description, time zone, Workspace Activation, Transfer Ownership and Delete Workspace. - [Team Roles & Permissions](https://formbold.com/docs/team-roles.md): Invite people to a Formbold workspace from Manage Team, choose the Admin or Member role, and manage seats per plan. ## Docs: Form Settings - [Form Settings](https://formbold.com/docs/form-settings.md): Every card on the Formbold form Settings tab explained: general options, email, spam, allowed domains, auto responder, retention and file uploads. - [Email Notifications](https://formbold.com/docs/email.md): Set up Formbold email notifications: recipients, CC, BCC, sender name, subject, branding logo and preview, all in Email Configuration. - [Manage Form Submissions](https://formbold.com/docs/submissions.md): Read, star, filter and export Formbold submissions. Learn the Inbox, Unread, Starred and Spam folders and how CSV export works. - [Data Retention and Submission Archive](https://formbold.com/docs/data-retention.md): Choose how long Formbold keeps your form submissions, from 7 days to Never, and what turning off Submission Archive does to file uploads. - [Form Analytics](https://formbold.com/docs/form-analytics.md): Read the Formbold Analytics tab: daily submissions and spam for the last 30 days, and where your submissions come from by country. ## Docs: Spam Protection - [Spam Protection](https://formbold.com/docs/spam-protection.md): Stop form spam with Formbold: Basic Spam Filter, Automatic reCAPTCHA and Custom reCAPTCHA with your own site and secret keys. ## Docs: Connecting Apps - [Connecting Apps & Integrations](https://formbold.com/docs/connecting-apps.md): Connect FormBold forms to email, Slack, Google Sheets, Notion, Telegram, Discord, Mailchimp, Zendesk, HubSpot, Zapier, Make and webhooks. - [Slack Integration](https://formbold.com/docs/slack.md): Connect your Formbold forms to Slack channels for real-time team notifications and alerts. - [Google Sheets Integration](https://formbold.com/docs/google-sheets.md): Sync Formbold form submissions directly to Google Sheets in real time. - [Notion Integration](https://formbold.com/docs/notion.md): Connect Formbold forms to your Notion workspace and map fields directly to Notion database properties. - [Telegram Integration](https://formbold.com/docs/telegram.md): Connect Formbold to Telegram to receive instant mobile and desktop notifications on new form entries. - [Discord Integration](https://formbold.com/docs/discord.md): Set up Discord webhook alerts for incoming Formbold form submissions. - [Mailchimp Integration](https://formbold.com/docs/mailchimp.md): Sync newsletter signups and contact leads from Formbold directly into Mailchimp audiences. - [Zendesk Integration](https://formbold.com/docs/zendesk.md): Convert website form submissions into Zendesk support tickets automatically with Formbold. - [Make Integration](https://formbold.com/docs/make.md): Send Formbold form submissions to a Make custom webhook and build visual automations. - [Zapier Integration](https://formbold.com/docs/zapier.md): Connect Formbold to Zapier to trigger automated actions across thousands of web apps. - [HubSpot CRM Integration](https://formbold.com/docs/hubspot.md): Streamline lead capture by connecting Formbold directly to HubSpot CRM. ## Docs: Code Examples - [Code Examples & Framework Guides](https://formbold.com/docs/code-examples.md): Copy-ready Formbold examples for HTML, file uploads, reCAPTCHA, Ajax, React, Next.js, Vue and Angular, plus a prompt for AI coding tools. ## Docs: Webhooks - [Webhooks Guide](https://formbold.com/docs/webhooks.md): Send each Formbold submission to your server as a JSON POST. Set up the webhook, read the payload, handle it in Express and test locally with ngrok. ## Docs: API Reference - [REST API Reference](https://formbold.com/docs/api-reference.md): Formbold REST API reference: base URL api.formbold.com/v1, Bearer token auth, list forms and list submissions endpoints, parameters and errors. ## Docs: AI - [Using Formbold with AI](https://formbold.com/docs/ai.md): Use Formbold with AI: connect Claude, Cursor, VS Code or Codex through the MCP server, and add a form backend to Lovable, Bolt.new or v0 apps. - [Formbold MCP Server](https://formbold.com/docs/mcp-server.md): Set up the Formbold MCP server so Claude, Cursor, VS Code Copilot or Codex can list your forms, read submissions and create forms. Free on every plan. - [Connect Forms Built with Lovable, Bolt.new, v0, Cursor or ChatGPT](https://formbold.com/docs/ai-form-builders.md): Lovable form backend in minutes: use Formbold's prompt builder to connect forms made with Lovable, Bolt.new, v0, Cursor or ChatGPT, then test them. - [Lovable Contact Form: Connect It to Formbold](https://formbold.com/docs/lovable-contact-form.md): Make a Lovable contact form actually send. Paste one prompt with your Formbold endpoint, check the code Lovable writes, and test it before you publish. - [Bolt.new Contact Form: Connect It to Formbold](https://formbold.com/docs/bolt-contact-form.md): Connect a Bolt.new contact form to Formbold with one prompt. Get each submission by email, without Supabase, Netlify Forms or a serverless function. - [v0 Contact Form: Connect It to Formbold](https://formbold.com/docs/v0-contact-form.md): Connect a v0 contact form to Formbold. Replace the mock Server Action with a fetch call to your endpoint and get every submission by email. ## Docs: Useful links - [Useful Links](https://formbold.com/docs/useful-links.md): Formbold templates, platform guides, comparisons, support, GitHub and developer tools in one list. ## Integrations - [Discord](https://formbold.com/integrations/discord): Paste a Discord webhook URL and each submission shows up in that channel as one formatted message. - [Google Sheets](https://formbold.com/integrations/google-sheet): Each submission lands as a new row in the Google Sheet you pick, one column per form field. - [HubSpot](https://formbold.com/integrations/hubspot): Each submission creates or updates a HubSpot contact, with your form fields mapped to contact properties. - [Mailchimp](https://formbold.com/integrations/mailchimp): New submitters join the Mailchimp audience you select, with fields mapped to your merge tags. - [Make](https://formbold.com/integrations/make): Formbold calls your Make webhook on every submit so the scenario can route the payload elsewhere. - [Notion](https://formbold.com/integrations/notion): Submissions become new rows in the Notion database you connect, properties filled from your fields. - [Slack](https://formbold.com/integrations/slack): Your team sees each submission in the Slack channel you pick, every field in a single message. - [Telegram](https://formbold.com/integrations/telegram): The Formbold bot messages you in Telegram, private chat or group, whenever someone submits. - [Webhooks](https://formbold.com/integrations/webhooks): Formbold sends each submission as a JSON POST to your HTTPS URL, with an option to include ones flagged as spam. - [Zapier](https://formbold.com/integrations/zapier): A Catch Hook Zap fires on every submission so you can push the payload into other Zapier apps. - [Zendesk](https://formbold.com/integrations/zendesk): Each submission opens a Zendesk ticket with the visitor set as the requester from their email. ## Platform guides - [Ajax-powered Contact Form](https://formbold.com/platforms/ajax): A plain JavaScript fetch form with a status message. No jQuery, no page reload. - [Astro Contact Form](https://formbold.com/platforms/astro): A zero-JavaScript Astro component that posts to Formbold on any static host. - [Contact Form for Alpine.js](https://formbold.com/platforms/alpinejs): An Alpine.js component with a loading state that posts to Formbold. - [Contact Form for Angular](https://formbold.com/platforms/angular): A standalone Angular component that posts JSON to Formbold with HttpClient. - [Contact Form for Gatsby](https://formbold.com/platforms/gatsby): A React component for Gatsby that posts to Formbold. No Gatsby Functions needed. - [Contact Form for Next.js](https://formbold.com/platforms/nextjs): A client component that posts to Formbold. No API route, and it works with static exports. - [Contact Form for Nuxt](https://formbold.com/platforms/nuxtjs): A Nuxt component that posts to Formbold with $fetch. No server routes. - [Contact Form for React](https://formbold.com/platforms/react): A React component with loading and status states that posts to your Formbold endpoint. - [Contact Form for Svelte](https://formbold.com/platforms/svelte): A Svelte component that posts JSON to Formbold. Works in SvelteKit without a form action handler. - [Contact Form for TanStack Start](https://formbold.com/platforms/tanstack): A TanStack Router file route that posts to Formbold with fetch. No custom server handler. - [Contact Form for Vue.js](https://formbold.com/platforms/vuejs): A Vue 3 component with v-model and fetch that posts to Formbold. - [Contact Form for Webflow](https://formbold.com/platforms/webflow): Point a Webflow form block at Formbold, or paste the HTML into a Code Embed. - [HTML Contact Form](https://formbold.com/platforms/html): A plain HTML form that emails you each submission. No PHP, no JavaScript. - [Hugo Contact Form](https://formbold.com/platforms/hugo): A Hugo partial with a plain HTML form that posts to Formbold. - [Jekyll Contact Form](https://formbold.com/platforms/jekyll): A Jekyll include with a plain HTML form. Works on GitHub Pages. ## Alternatives and comparisons - [Tally](https://formbold.com/alternatives/tally): Tally's form builder compared with Formbold's API-based form backend. - [Formspark](https://formbold.com/alternatives/formspark): Formspark's one-time pricing compared with Formbold's plans, integrations and webhooks. - [Web3Forms](https://formbold.com/alternatives/web3forms): Web3Forms' no-signup form API compared with Formbold's dashboard and native integrations. - [Typeform](https://formbold.com/alternatives/typeform): Typeform's interactive form builder compared with Formbold's backend for your own forms. - [Formspree](https://formbold.com/alternatives/formspree): Formspree and Formbold side by side: free plans, paid limits, integrations, autoresponders and API access. - [Getform](https://formbold.com/alternatives/getform): Getform (now Forminit) and Formbold: free plans, Pro limits, file uploads, webhooks and API access. - [Jotform](https://formbold.com/alternatives/jotform): Jotform's drag-and-drop builder compared with Formbold's form backend for developers. - [Formcarry](https://formbold.com/alternatives/formcarry): Formcarry and Formbold compared on setup, pricing, file uploads, integrations and spam protection. - [Fillout](https://formbold.com/alternatives/fillout): Fillout's visual form builder compared with Formbold's form backend for static sites and JAMstack apps. - [Basin](https://formbold.com/alternatives/basin): Basin and Formbold side by side: free plans, paid limits, file storage and webhooks. - [FormKeep](https://formbold.com/alternatives/formkeep): FormKeep and Formbold: endpoints, free limits, paid form packs and webhooks. - [FormSubmit](https://formbold.com/alternatives/formsubmit): FormSubmit and Formbold: no-signup email forms vs a full form backend. - [Kwes Forms](https://formbold.com/alternatives/kwesforms): Kwes Forms and Formbold: validated form backends, plans and integrations. - [Static Forms](https://formbold.com/alternatives/staticforms): Static Forms and Formbold: static-site form backends, plans and integrations. - [Pageclip](https://formbold.com/alternatives/pageclip): Pageclip and Formbold: simple HTML form servers and paid plan limits. - [Netlify Forms](https://formbold.com/alternatives/netlify-forms): Netlify Forms and Formbold: platform-tied forms vs a portable form API. ## Form templates - [Address Form Template](https://formbold.com/templates/address-form-template): Collects a full postal address, phone, purpose and an optional proof-of-address upload. - [Change Request Form](https://formbold.com/templates/change-request-form-template): Request type, subject, description, priority, completion date and attachments. - [Consent form for website](https://formbold.com/templates/consent-form): A consent form with personal details, date of birth, an ID upload and a terms checkbox. - [Email Newsletter Subscription Form](https://formbold.com/templates/newsletter-subscription-form): A single email field and a subscribe button. The smallest form in the library. - [Email Subscription Form with Call to Action](https://formbold.com/templates/email-subscription-form): One email field with a call-to-action button, styled for a hero or banner. - [Employee Availability Form](https://formbold.com/templates/employee-availability-form-template): Staff availability: days, times, preferred shift, date range, weekly hours and flexibility. - [Event Registration Form](https://formbold.com/templates/event-registration-form): Attendee name, email, phone, job title, company and location. - [Event Sponsorship Form](https://formbold.com/templates/event-sponsorship-form-template): For sponsors: organization, contact, sponsorship type and amount, logo and proposal uploads. - [Feedback Form For Website](https://formbold.com/templates/feedback-form): Three rating questions, a comment box and an optional email. - [Free Hiring Form](https://formbold.com/templates/hiring-form-template): A job application with resume upload, LinkedIn, role, skills, salary, start date and work type. - [Fully Working Chat Box Chat Bubble HTML Form](https://formbold.com/templates/chatbox-form): A floating chat bubble that opens a name, email and message form. - [Fully Working File Upload HTML Form](https://formbold.com/templates/file-upload): An email field and a file input. The shortest way to collect files. - [Fully Working HTML Appointment Form](https://formbold.com/templates/appointment-form): Name, phone, email, preferred date and time, and a full address. - [Fully Working HTML Contact Form](https://formbold.com/templates/contact-form): The classic four fields: name, email, subject and message. - [Fully Working RSVP HTML Form](https://formbold.com/templates/rsvp-form): Guest name, number of guests, date, time and an attending yes or no. - [HTML Contact Form with Attachment and File Upload Support](https://formbold.com/templates/contact-form-with-attachment-and-file-upload): A contact form with name, email, phone, message and one file attachment. - [HTML Quiz Form for Website](https://formbold.com/templates/quiz-form): Name plus three multiple-choice questions with radio buttons. - [HTML Survey Form](https://formbold.com/templates/survey-form): A short survey with name, email, age, an occupation dropdown, two radio groups and a comments box. - [Inquiry Form](https://formbold.com/templates/inquiry-form-template): Business inquiries: company, subject, inquiry type, preferred contact time and an attachment. - [Job Application Form for Website](https://formbold.com/templates/application-form): A general application with position, start date, address, a message and a file upload. - [Multi Step Form](https://formbold.com/templates/multi-step-form): A three-step form: personal details, contact details, then a message, with next and back buttons. - [Reimbursement Form](https://formbold.com/templates/reimbursement-form-template): Expense claims: type, date, amount, payment method, merchant, purpose and a receipt upload. - [Simple HTML Contact Form](https://formbold.com/templates/simple-contact-form): First and last name, email, phone, job title and a message. - [Simple Registration Form](https://formbold.com/templates/registration-form): Name, email, phone, full address, country and a terms checkbox. - [Travel Request Form](https://formbold.com/templates/travel-request-form-template): Internal travel requests: destination, dates, travel mode, budget, hotel and an attachment. ## Blog - [How to Create Shareable Forms and Connect Them to Popular Apps](https://formbold.com/blog/create-shareable-forms-connect-apps-integrations): Build powerful shareable forms in minutes with Formbold. Easily connect your forms to apps like Notion, Google Sheets, and Slack—no code needed. - [Adding A Contact Form to Your React and NextJS Project: A Step-by-Step Guide](https://formbold.com/blog/add-contact-form-to-react-and-nextjs): Learn how simply you can create a contact form for your React.js and Next.js projects with Formbold. Follow our step-by-step guide! ## Company - [About Formbold](https://formbold.com/about): Formbold is a form backend built by Pimjo. Here's what it does, who makes it and how to reach us. - [Support](https://formbold.com/support): Open a support ticket for help with setup, integrations, billing or spam. - [Roadmap](https://formbold.com/roadmap): Planned, in-review and shipped features. ## Optional - [Full content](https://formbold.com/llms-full.txt): Every docs page and guide in one markdown file. - [Privacy Policy](https://formbold.com/privacy-policy) - [Terms of Service](https://formbold.com/terms) - [Refund Policy](https://formbold.com/refund-policy) - [Report Abuse](https://formbold.com/report-abuse): Report a form used for phishing, spam or other abuse. - [Sitemap](https://formbold.com/sitemap.xml)