Hubspot-Formularelemente in Webflow

Diese Seite stellt die HTML-Struktur einiger der HubSpot-Formularelemente dar und nutzt die Leistungsfähigkeit des Webflow-Designers, um CSS-Stile für eine unformatierte HubSpot-Formulareinbettung zu definieren.

Einige Formularelemente

HS-Formular

form-spalten-1

form-spalten-2

hs-form ist die Hauptklasse des Formulars.

form-columns-1 ist eine Wrapperklasse mit 1 Spalte für Eingaben.

form-columns-2 ist eine Wrapperklasse mit 2 Spalten für Eingaben.

Eingabe und Beschriftung

HS-Eingang

Formular-Etikett

Feldbeschreibung / Hilfetext

hs-feld-desc

Formular-Etikett

Dies ist der Hilfetext für das Feld

Feld-Fehlermeldung

hs-error-msgs inputs-list

hs-fehler-meldung

Formular-Etikett

Bezeichnung der Fehlermeldung

hs-error-msgs inputs-list ist ein HTML-Listenelement .

hs-error-msg ist eine Textspanne innerhalb des HTML-Listenelementelements.

Textbereich Eingabe

hs-input hs-fieldtype-textarea

Formular-Etikett

hs-fieldtype-textarea wird als Combo-Klasse hinzugefügt.

Kontrollkästchen

hs-form-booleancheckbox

hs-form-booleancheckbox-display

Inputs-Liste

HS-Eingang

Natur
Politik
Technologie

Hinweis: HubSpot verwendet grundlegende HTML-Kontrollkästchen, Webflow-Kontrollkästchen funktionieren anders als die Standard-HTML-Kontrollkästchen, daher benötigen Sie benutzerdefiniertes CSS, um HubSpot-Kontrollkästchen zu gestalten.

Kontrollkästchen

Sie können das Webflow-Kontrollkästchen verwenden, um CSS zu formatieren und dann daraus zu kopieren.

Optionsfelder

Inputs-Liste

hs-form-radio

hs-form-radio-display

Inputs-Liste

HS-Eingang

Ja
Nein

Erfolgsmeldung

Übermittelte-Nachricht

Dies ist die Erfolgsmeldung des Formulars

RecaptCHA

hs-recaptcha

Schaltfläche "Senden"

hs_submit

HS-Taste

Vielen Dank! Ihr Beitrag ist eingegangen!

Huch! Beim Absenden des Formulars ist etwas schief gelaufen.

Abonniere unseren Newsletter, um Neuigkeiten und Produkt-Updates zu erhalten.

Swan sammelt und verarbeitet die personenbezogenen Daten, die Sie uns mit diesem Formular zur Verfügung gestellt haben, um Ihnen die von Ihnen angeforderten Dienstleistungen zu erbringen und Ihnen Informationen über die Aktivitäten und Dienstleistungen von Swan sowie auf Ihre Interessen zugeschnittene Angebote zukommen zu lassen. Weitere Informationen über die Verarbeitung Ihrer persönlichen Daten und über Ihre Rechte finden Sie in der Datenschutzrichtlinie vonSwan .

Bestätigen wir Ihre Telefonnummer

Als reguliertes Finanzinstitut sind wir verpflichtet, sicherzustellen, dass wir wissen, mit wem wir zusammenarbeiten. Dies ist der letzte Schritt, bevor wir Sie in unserem Sandbox willkommen heißen!

Bestätigen Sie meine Nummer

Huch! Beim Absenden des Formulars ist etwas schief gelaufen.

Live-Beispiel

Webflow-Formular

Vielen Dank! Ihr Beitrag ist eingegangen!

Huch! Beim Absenden des Formulars ist etwas schief gelaufen.

HubSpot-Formular

Bitte fügen Sie Ihren eigenen HubSpot-Code in die Einbettungs:) ein

Erfolg!

Vielen Dank! Wir haben Ihre Einsendung erhalten.