Please wait...
Search
Sales
support
Language
en
REQUEST DEMO
Support
Our dedicated team of technicians will solve your support request as fast as possible
24/7 support
Reach out to get
assistance
Complete form
Custom Styles

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
This is form success message
RecaptCHA
hs-recaptcha
Submit button
hs_submit
hs-button
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Live Example

Webflow Form

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 :)

Success!

Thank you! We have received your submission.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Phone
+1.888.646.5227 (Toll-free)
+1.512.831.3664 (Local + International)
Sales
sales@46labs.com
1701 N. Market St. Dallas, TX 75202
Support
support@46labs.com
Portal
Backoffice
accounting@46labs.com
legal@46labs.com
1503 E. 19th St. Edmond, OK 73013
Powered by the industry leading PeerEdge® Connectivity Fabric and providing the only unified platform to manage global connectivity, 46 Labs enables IT leaders to deliver value and efficiency through its suite of digital infrastructure and business connectivity solutions.
contact@46labs.com
Follow Us
Youtube
© 2024  46 Labs, LLC. All rights reserved.
Trademark Policy
Service Terms
Tariffs
Privacy Policy