N8N Tool - Webhook Form Builder

Hey there guys! I just wanted to share a little tool I’ve been working on. I’m not sure if this post is allowed on here as isn’t an actual N8N workflow or app, but rather a tool to use with N8N.

I’m not a Telegram user, so I build my own forms/apps to speak with N8N when building workflows that require user input triggers (particularly voice). Most of the apps are nothing far from a JotForm…the difference is, I own it, and I can host it wherever I want. so I figured I’d build a tool that generates a form specific for N8N workflows so I’m not reinventing the wheel all the time but rather have something reusable.

So here’s a simple form builder designed specifically for N8N webhooks that builds your own self-hosted forms. Nothing too flashy, it just lets you create a form, hook it up to your N8N instance, and download it as a single HTML file that you can run anywhere (even locally). All forms are built to support the webhook response data in N8N and I’ve done my best to format different JSON outputs in a readable format. It also has a voice recording field which was one of the features I use most.

Using the app is pretty simple, here it is in nutshell.

  • Add your N8N webhook URL in the settings

  • Choose from a few simple styles

  • Add any fields you want (including a voice recorder)

  • Set up conditional logic if you need to show/hide fields based on answers

  • Export you form and go live!

Here’s a link to the tool https://formbuilder.idm2.com/

It’s been super handy for my own workflows, so I thought I’d share it in case anyone else finds it useful too. I’ve recorded a quick video walkthrough if you’re curious to see how it works.

Open to feedback or suggestions…keen to hear if this could help in your own projects.

2 Likes

Nice tool Sam - had a play and makes webhook to workflow dev simple. Good to see another aussie on here :ok_hand:

1 Like

I accidently changed the Video URL :slight_smile: New Video URL is here

1 Like