Table of Contents
The HTML field lets you display non-interactive content inside a form, such as instructions, headings, images, or links. Visitors can see it on the front end, but they cannot type into it or submit any values from it.
For example, you can add a short “Before you start” section at the top of a form, include a privacy notice before a checkbox, or place an image and a few bullet points above a specific group of fields so people know what to prepare before filling out the form.
You can use the HTML field to show helpful content that guides users while they fill out the form, without collecting any input from them.
You can add content in the Content area using either the Visual editor or the HTML tab.
The visual editor is powered by Tiptap, which lets you format content without writing code. If you need full control, switch to the HTML tab and paste raw HTML directly.
The visual editor supports common formatting controls so you can build clean, readable info blocks.
For fonts, you can select from the supported families: Sans serif, Inter, Comic Sans MS, Serif, Monospace, Cursive.
These settings control how the field is presented around your content.
The CSS Classes option lets you add one or more custom classes to the field so you can target it with custom styling on the front end.
Use this when you want to style only this HTML block, for example to add custom spacing, borders, or typography through your theme or custom CSS.
You can change label placement from the Advanced tab.
Set Label position to one of the following:
This only affects the label placement. It does not change the content layout inside the HTML editor.
Yes. In the Smart Logic tab, you can set conditions that control when the HTML field appears on the front end.
This is useful when you want to display different instructions based on earlier answers, such as showing a note only if someone selects a specific option, or revealing a reminder once a checkbox is enabled.
