Customize forms CSS

HubSpot Ideas
, ,

Status: Idea Submitted

1

When embedding a form on an externally hosted website it is cumbersome to ad form styling to the form. The options that currently exist are really only functional for an experienced developer.

What we would like to see is a custom code section added to the form element. Similar to what currently exists in the CTA section. This would give a developer the ability to custom style a form that is to be embedded on an external site a certain way and then a marketing person building the landing page would be able to insert the form on the landing page.

This is useful for some custom web builders that are used by franchises that don’t allow for custom coding to be added to different sections of the page. It would also simplify the process of adding forms to externally hosted platforms.

There are similar requests in the Ideas form for the ability to style certain elements within a form in different ways and all of this could be achieved with a from allowing custom styling.

2

Would be great to add extra CSS to the form, when embedded in an iframe to an external site.

Sometimes we don’t want to style the whole form from scratch while using the raw HTML form embedding option.

It’s enough with adding a few styles adjustment only.

Given that Hubspot already has custom modules for internal pages,

I don’t see a blocker to allow users to add extra CSS to be loaded along with the iframe form

3

I agree. There is a lack of form customization. We are trying to make our checkboxes field into two columns visually. Right now the list is a long vertical list and is not visually appealing. We do not have CSS knowledge and having us be able to stylize within the form creation in HS will help eliminate these issues. A form platform that does this very well is Ninja forms, they make it very easy for the end-user to make visual adjustments without having to have CSS expert knowledge.