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.

ビジネスの成果をすべての人に

Blackpandaと提携することで、御社の顧客や保険契約者に質の高いインシデントレスポンスサービスを提供できます。

Blackpandaは、アジア有数の最も革新的な企業と緊密な連携を取っています。通信、IT販売、金融、ビジネスサービスなど、提携先企業の製品展開に付加価値を提供します。

また、Blackpandaは、多くの先進的な保険会社と協業してきた経験豊富なプロバイダーでもあります。インシデントレスポンスとデジタルフォレンジックの領域で、アジア太平洋地域の保険契約者に一流のサービスを提供しています。

Blackpandaとのパートナーシップについて、詳しくお知りになりたい方は、以下のフォームにご記入ください。

Webflow Form

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you for your interest, a senior member of our team will be in touch shortly.