Form2Workflow

Your n8n workflows, as the backend for any website.

Build forms and data pages, point them at n8n, and paste one script tag. Visitors read, add and change data; your workflows do the work.

Works on any HTML page: WordPress, Webflow, GitHub Pages. No server code.

Request a quote

Name
Ada Lovelace
Email
ada@example.com
What do you need?
40 desks for the new office, by March.
WebhookPOST
Send emailto sales
Add rowSheets
Respond200 OK
The visitor's submission reaches an n8n webhook, which emails sales, adds a spreadsheet row and replies 200 OK.

Live in three steps

form2wf sits between your website and n8n. It shows the form, checks who's using it, and passes everything to your workflow.

  1. Build the page

    Fields, columns, repeatable groups, tables and file uploads, styled with your theme. Or let an AI agent build it.

  2. Connect workflows

    Paste a webhook URL, or connect your n8n server and pick workflows from a list. Secret headers stay on our servers.

  3. Paste the snippet

    Two script tags on your page. The form loads with your theme and talks to your workflows from there.

<div id="f2wf-contact"></div>
<script src="https://form2wf.com/f2wf.js"></script>
<script>
  f2wf.load("your-org", "contact");
</script>

Read and write, not just collect

A form can be a whole data page. Its onload webhook lists records from your workflow, and buttons and row actions create, update and delete them. Each one calls the workflow you choose, so n8n stays your only backend.

  • Load records into tables and fields when the page opens
  • Add, edit, approve or delete a row with one click
  • Link pages together, list to detail to edit, like a small app
  • On sign-in pages, every call knows who's signed in

How data pages work

Orders

3 open, loaded from your workflow

New order
OrderCustomerStatusActions
#1042Ada LovelacePending Approve
#1041Grace HopperApproved
#1040Alan TuringShipped
  • GET/webhook/ordersloads the table
  • POST/webhook/ordersNew order
  • PUT/webhook/orders/{{row.id}}Approve, Edit
  • DELETE/webhook/orders/{{row.id}}Delete

What people build

Anything where a web page needs to collect, show or change data, and n8n already knows what to do with it.

Contact and intake forms

Quote requests, applications and bookings that land in your inbox, CRM or spreadsheet the moment they're sent.

  • 23 field types, including charts, markdown, star ratings and file uploads
  • Rate limits that stop floods
  • Only your websites can use the form

Data pages with full CRUD

List records from your workflow, then create, edit and delete them from the same page. Your database stays behind n8n.

  • Tables, detail views and edit forms
  • Buttons and row actions per record
  • Pages linked into a small app

Client portals

Clients sign in with their Microsoft account and see their own projects, invoices and requests. No accounts or passwords for you to manage.

  • Verified sign-in, limited to their email domain
  • Or your own form users and roles
  • A menu bar turns pages into one app

Internal tools and approvals

An approval queue, an ops console, an admin page over a spreadsheet or database. Staff click; n8n does the work.

  • Searchable, paged tables
  • Approve, refund or resend with one click
  • Only your company's accounts get in

Quotes, bookings and checkout

Step-by-step flows that price, check availability and take payment. Your workflow decides where the visitor goes next.

  • Multi-step forms that pass values along
  • Send visitors to a Stripe payment page
  • Show the result on the next page

AI-powered mini apps

A form in, an AI answer out: contract review, cover letters, ticket triage. n8n runs the model; the page shows the result.

  • Markdown answers, safely rendered
  • Sign-in to stop abuse of paid models
  • Lead magnets that collect the email first

Your AI agent can build it for you

form2wf has an MCP server, so Claude, Cursor or any MCP client can create forms and data pages, wire their webhooks, check submissions and set up access. Each API key has an access level, and never goes beyond the role of the person who made it.

claude mcp add --transport http form2wf https://form2wf.com/mcp \
  --header "Authorization: Bearer f2w_your_key"

Make a job application form with a résumé upload that posts to my n8n hiring workflow, and give me the embed code.

  1. get_config_reference
  2. create_formJob application, 6 fields
  3. get_embed_snippet

Done. Job application has six fields including a résumé upload, and posts to /webhook/hiring. Paste the snippet where the form should appear.

Your workflow's secrets stay on the server

Visitors' browsers talk to form2wf, never to n8n directly. Webhook URLs and the headers that protect them are stored on the server and never appear in the page.

  • Webhook URLs and header secrets never reach the browser
  • Choose which websites may use each form
  • Sign-in pages check access on every request, with Microsoft or your own form users
  • Rate limits and monthly quotas stop floods
  • Only public addresses are called, so a form can't reach private networks
  • Every submission is logged with your workflow's reply

Simple pricing

Start free. Move to Pro when your pages carry real traffic. Compare plans

Free

$0 / month

For trying it out and small sites.

  • 5 forms
  • 1,000 submissions a month
  • Just you
  • 5 MB of files per submission

Enterprise

Custom

For large volumes, or running form2wf on your own servers.

  • Unlimited forms
  • Unlimited submissions
  • Unlimited team members
  • 10 MB of files per submission

Questions

Still wondering? The docs cover every detail.

Do I have to use n8n?

Forms post JSON to any URL that accepts a webhook, so Make, Zapier or your own API work too. form2wf is built around n8n: you can connect your n8n server to pick workflows from a list, and the docs include ready-made n8n recipes.

Can a form show data, not just collect it?

Yes, and change it too: full CRUD. An onload webhook loads records into fields and tables when the page opens, and buttons and row actions create, update and delete them through your workflows. You get a working data page without writing a backend.

Does my n8n need to be reachable from the internet?

Yes. form2wf calls your webhook from its own servers, and the hosted service only calls public addresses. If you run form2wf yourself next to n8n, the organization owner can allow calls to addresses on the local network.

What does my workflow receive?

A JSON body with the submitted values under data, plus metadata (time, page origin, browser) and who is signed in when the form requires sign-in. Files arrive as multipart uploads. The webhook docs show every payload.

Can visitors log in?

Yes, two ways. Verified forms let visitors sign in with their Microsoft account, with no accounts for you to manage, optionally only from the email domains you choose. Protected forms use form users you create, by user or by role. Either way form2wf checks access on every request and tells your workflow who it is.

Can an AI agent build forms for me?

Yes. form2wf has an MCP server: give Claude, Cursor or any MCP client an API key and it can create forms, wire webhooks, read submissions and manage access, limited to the access level you choose.

Where is my data stored?

form2wf stores your form definitions and a log of each submission so you can see what was sent and what your workflow answered. Your records live wherever your workflows keep them: a database, a spreadsheet, your CRM.

Put your first page live today

The quick start takes you from an empty n8n workflow to a working form on a web page.