Display <i> in forms against field

[hafizusama]

Hi everyone,

I’d like to add an information icon (<i>) at the field level in a HubSpot out-of-the-box form.

The goal is to show additional text information when a user hovers over the icon — similar to a tooltip or hover hint. The information will be text-only, no images or rich content.

I’m wondering if there’s a built-in HubSpot option for this, or if it would require a custom solution (e.g., modifying the form embed code with JavaScript or CSS).

[TomM2 · Accepted solution]

Hey @hafizusama there's no pre-build option for a tooltip in HubSpot forms. 

HubSpot forms will escape any HTML added into the labels so they will always just render as plaintext. You'll need to customise the form embed code to append your own tooltip trigger and use custom JS/CSS to trigger the tooltip on hover. 

[hafizusama]

Hi @TomM2,

Thank you so much for your guidance. It worked after appending the tooltip using JavaScript while customizing the embedded form code.