HTML and CSS field to your form

Use the HTML field to display testimonials, banners or any static HTML and CSS. Customize your form's design beyond standard themes with custom code.

HTML vs. CSS

HTML is the markup language used to structure content on the web. By writing HTML code for your form, you can control the layout of your form elements and add custom styles to make your form stand out. For example, you can use HTML to add images that help to illustrate your form's purpose.
Β 
On the other hand, CSS is the language used to style HTML content. By writing CSS code for your form, you can define the colors, fonts, and other visual properties of your form elements. This allows you to create a cohesive design that matches your brand identity, and makes your form look professional and polished.
Β 
πŸ“
Note: This feature is available on the Business and Enterprise plans. Learn more about our pricing plans and advanced features here.
Β 

How to use the HTML widget

Scroll down on the left-hand panel of your form and click or drag and drop the HTML field. Then, click the settings icon to make the HTML editor appear on the right-hand panel.
notion image
Β 
Write your HTML and CSS code on the right-hand side. The HTML will render within the field of your form. You can reposition it within your form just like any other field. Note that CSS will only be applied to the field itself.
notion image
Β 
You can also use logic to make HTML and CSS blocks appear only when relevant to a respondent's choice.
Β 
πŸ“
Note: Currently, the HTML block is for static content only. For example, it can’t be used to create custom input fields. Contact support if you have a use case that requires this.
Β 

Relevant articles:

πŸ™ˆ
Conditionally hide fields
Condition groups
Condition groups