Hubspot Form Elements in Webflow

This page represents HTML structure of some of the HubSpot form elements, use the power of Webflow designer to define CSS styles for a raw HubSpot form embed.

Some Form Elements
hs-form
form-columns-1
form-columns-2
hs-form is main form class.
form-columns-1 is class of wrapper with 1 column for inputs.
form-columns-2 is class of wrapper with 2 columns for inputs.
input and label
hs-input
Field Description / Help text
hs-field-desc
This is help text for the field
Field error message
hs-error-msgs inputs-list
hs-error-msg
  • Error message label
hs-error-msgs inputs-list is an HTML list element.
hs-error-msg is a text span inside HTML List Item element.
Text area Input
hs-input hs-fieldtype-textarea
hs-fieldtype-textarea is added as combo class.
Checkboxes
hs-form-booleancheckbox
hs-form-booleancheckbox-display
inputs-list
hs-input
Note: HubSpot uses basic HTML checkboxes, Webflow checkboxes work differently than the default HTML checkboxes, hence in order to style HubSpot checkboxes you need custom CSS.
you can use Webflow checkbox to style and then copy CSS from it.
Radio Buttons
inputs-list
hs-form-radio
hs-form-radio-display
inputs-list
hs-input
Success message
submitted-message
RecaptCHA
hs-recaptcha
Submit button
hs_submit
hs-button
Oops! Something went wrong while submitting the form.
Get started

Live Example

Webflow Form

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Webflow Footer Form

  • Error message style
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

HubSpot form

Please insert your own HubSpot code inside the embed :)
Thank you! We have received your submission.
Custom Styles
Multi-Factor Authentication (MFA)

Our MFA prevents every single phishing & password-based attack.
Does yours?

With plug-n-play integration, you can improve your authentication security by 5x in minutes!

No phone?
No problem.  Try our Same Device MFA.

Delight your users

Delight your users

A user experience that is effortless with a phone or go completely phone-free.

Delight your users

Delight your users

With the only MFA that reduces your identity & access mgmt. risk exposure up to 5 times.

Reduce Cost

Reduce Cost

Less expensive than hardware tokens and without the cost of managing passwords.

Achieve Compliance

Achieve Compliance

Compliant with PSD2, GDPR. A solution that doesn't store any private data.

No Phishing

No Phishing

No Account Takeover

No Account Takeover

No Password Fatigue

No Password Fatigue

No Credentials Database

No Credentials Database

Plug-n-Play integration,
plus APIs for all your custom applications.

View all Integrations

Easy to use for
users and administrators.

Authenticator app for iOS & Android or Web-AuthN to log in simply by unlocking the device.

Web Portal for administrators to manage apps, users and integrations.

REST APIs & Dashboards to easily monitor, log and control who has and maintains access.