feat(n8n Form Page Node): New node

[michael-radency]

Summary

New n8n Form that allows the creation of complex multi-step forms and is fully integrated into the workflow, enabling the use of incoming data and branching logic.

n8n Form requires the n8n Form Trigger to be set as the workflow's trigger.

• Select the type of page: form page or completion screen.
• Customize each form step's title, description, and button label, or inherit these settings from the trigger.
• Define form fields using parameters or send them as JSON.
• Customize the URL with query parameters, which can be used for field defaults. These parameters are also available in the n8n Form nodes connected to that trigger.
  
  
  
  

Related Linear tickets, Github issues, and Community forum posts

https://linear.app/n8n/issue/NODE-1474/spike-multi-step-form
https://linear.app/n8n/issue/NODE-1472/add-form-node-p0
https://community.n8n.io/t/how-to-use-data-in-formtrigger-node/56897

[ShireenMissi]

Mostly looks good 🎉 left some minor comments
also please fix the failing frontend test 🙏

[ShireenMissi]

LGTM 🎉

[github-actions]

⚠️ Some Cypress E2E specs are failing, please fix them before merging

[cypress]

n8n    Run #7412

Run Properties:   Passed #7412  •  470f149f3d: 🌳 🖥️ browsers:node18.12.0-chrome107 🤖 michael-radency 🗃️ e2e/*

Project	n8n
Run status	Passed #7412
Run duration	04m 20s
Commit	470f149f3d: 🌳 🖥️ browsers:node18.12.0-chrome107 🤖 michael-radency 🗃️ e2e/*
Committer	Michael Kret
View all properties for this run ↗︎

---

Test results
Failures	0
Flaky	1
Pending	0
Skipped	0
Passing	453

[ShireenMissi]

LGTM 🎉

[github-actions]

✅ All Cypress E2E specs passed

[janober]

Got released with [email protected]

[mickaelandrieu]

Sorry to interact here, but you are probably the best people to answer me :
I'd like to introduce the markdown support of the Form Description.
By any chance, can someone help me with that (as an open source contribution) and is there any chance to be merged ?

[ashleydoidge]

Hi @janober @michael-radency, is there a timeout included as part of the form trigger that must be adhered to?

There are a few more transformation steps that I need to do in order to build the second page of my form, using dynamic values to set up some questions & answers, all in all this takes around 5 seconds between the form submission and when the second form should pop up, however the second form never pops up/overwrites the first form, so I have to trigger it manually in my workflow (Which of course wouldn't work in any real life scenarios)

If I re-arrange the form so it's right next to any built in nodes and doesn't include my API calls, it pops up fine as the transformation nodes are instant, but it seems as if the window to trigger the second form is very small and does not allow for any further transformations that I'm using with some API calls to our CRM that extends the flow time to a few seconds.

Any help would be appreciated.

[J-Fo-S]

Hi @ashleydoidge you'll probably get a quicker/better response if you ask this in n8n community forum

[ashleydoidge]

Hi @ashleydoidge you'll probably get a quicker/better response if you ask this in n8n community forum

Thanks, also posted there now.