Visually update forms in n8n

I’m increasingly using forms since you can build more complex workflows with them. I’m even using AI nodes to create the input for subsequent form nodes and it’s really cool to have forms work so dynamically.

But… the forms don’t look good.

Is it possible to update/customize the design of the forms somewhere? Is there a way we can change the css or colors or…anything?

I can’t find anything in the docs or in this forum about it. I know I can use an external form builder like jotform and then use webhooks, but my forms in n8n have become too complex for that, and I would love to keep on using the data in n8n to build forms, rather than going back and forth with webhooks over 20 times.

Information on your n8n setup

  • **n8n version: 1.72.1
  • ** Self hosted in cloud on Ubuntu

It looks like your topic is missing some important information. Could you provide the following if applicable.

  • n8n version:
  • Database (default: SQLite):
  • n8n EXECUTIONS_PROCESS setting (default: own, main):
  • Running n8n via (Docker, npm, n8n cloud, desktop app):
  • Operating system:

hello @Nasnl

N8n forms don’t have any customization options so far. Maybe it will be a part of the Embed license.

tagging @bartv just in case

1 Like

Thanks for your swift response! @barn4k

That’s a pity, it would offer a lot more use cases!

At least now I know.

Hi there,

Sadly not possible yet indeed. Need to fallback to webhooks for that for now.

It will maybe be added in the future, maybe good to make a feature request for it, if it isnt already somewhere.

@barn4k as far as I know the embed license doesn’t add any actual features. It only gives you the permission to build n8n into your own product.
Of course you can add the feature at this point, but you can do that in the community version as well. As long as you comply with the license of course.

1 Like

@BramKn Thanks. You mean as a community node? That’s actually a good idea. I’ll check the license for if that could be restrictive, but in itself it’s a good way to go.
I checked if I could ‘kind of’ hack (I mean ‘update’, of course :wink: ) the included style, but I couldn’t find it yet.

Hi @Nasnl

As a community node or by creating a custom n8n version. the source code is available afterall :slight_smile:
Just need to make sure you do not break the licensing.

1 Like

the question was more about the form design, and that one might be covered with the Embed license, because there you can change the design of all n8n elements

1 Like

Hi @barn4k

Yeah, the chances of them needing an embed license when wanting to change the form design are high. But they could also want to change the form design for internal stuff, then you do not need an embed license. :slight_smile:
And the Embed license does not change the design or allow you to change it more easily, it just gives you the permission to use it as a comercial offering/ product.
The steps/options of changing the design would be the same if you have an embed license or you do not. Embed license does not add anything except for what you are allowed to do.

Interesting for the sake of discussion, but an embed license is certainly not the direction we want to take; it’s not about taking the n8n UI to any client.
I guess the forms are in that sense a bit of a gray area (UI element, but not offering any empowerment or logic to the end user), but if that would be the case anyway, we would keep our webhooks because the required budget would not be worth it (it’s 1 workflow with a form).

Needing a license is not only for the UI, also for certain commercial offerings.
But of course that is a totally different discussion :slight_smile:

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.