Éléments de formulaire Hubspot dans Webflow

Cette page représente la structure HTML de certains des éléments de formulaire HubSpot, utilisez la puissance du concepteur Webflow pour définir des styles CSS pour une intégration de formulaire HubSpot brute.

Quelques éléments de formulaire

Formulaire HS

colonnes-de-formulaire-1

colonnes-formulaire-2

hs-form est la classe de formulaire principale.

form-columns-1 est une classe de wrapper avec 1 colonne pour les entrées.

form-columns-2 est une classe de wrapper avec 2 colonnes pour les entrées.

Entrée et étiquette

Entrée hs

Étiquette de formulaire

Description du champ / Texte d’aide

hs-field-desc

Étiquette de formulaire

Il s’agit d’un texte d’aide pour le champ

Message d’erreur de champ

hs-error-msgs liste_d’entrées

hs-error-msg

Étiquette de formulaire

Libellé du message d’erreur

hs-error-msgs inputs-list est un élément de liste HTML.

hs-error-msg est une étendue de texte à l’intérieur d’un élément d’élément de liste HTML.

Zone de texte Entrée

hs-input, hs-fieldtype-textarea

Étiquette de formulaire

hs-fieldtype-textarea est ajoutée en tant que classe combinée.

Cases à cocher

hs-form-booleancase à cocher

hs-form-booleancheckbox-display

liste_entrées

Entrée hs

Nature
Politique
Technologie

Remarque : HubSpot utilise des cases à cocher HTML de base, les cases à cocher Webflow fonctionnent différemment des cases à cocher HTML par défaut, donc pour styliser les cases à cocher HubSpot, vous avez besoin d’un CSS personnalisé.

Case à cocher

vous pouvez utiliser la case à cocher Webflow pour styliser puis copier CSS à partir de celui-ci.

Boutons radio

liste_entrées

hs-form-radio

hs-form-radio-display

liste_entrées

Entrée hs

Message de réussite

message_soumis

Il s’agit d’un message de réussite du formulaire

RecaptCHA

hs-recaptcha

Bouton Soumettre

hs_submit

Bouton HS

Merci ! Votre demande a été reçue !

Oups ! Un problème est survenu lors de la soumission du formulaire.

Je m’inscris à la newsletter pour ne rien rater des actualités les plus récentes et des mises à jour sur les produits.

Swan collecte et traite les informations personnelles que vous nous avez fournies en soumettant ce formulaire afin de vous fournir les services que vous avez demandés et de vous envoyer des informations sur les activités et les services de Swan et de vous proposer des offres adaptées à vos centres d'intérêt. Veuillez consulter la politique de confidentialité deSwan pour de plus amples informations sur la manière dont nous traitons vos informations personnelles et sur vos droits.

Confirmons votre numéro de téléphone

En tant qu'institution financière réglementée, nous sommes tenus de nous assurer que nous savons avec qui nous travaillons. C'est la dernière étape avant de vous accueillir sur notre site Sandbox!

Confirmer mon numéro

Oups ! Un problème est survenu lors de la soumission du formulaire.

Exemple en direct

Formulaire Webflow

Merci ! Votre demande a été reçue !

Oups ! Un problème est survenu lors de la soumission du formulaire.

Formulaire HubSpot

Veuillez insérer votre propre code HubSpot dans le :) d’intégration

Succès!

Merci! Nous avons bien reçu votre mémoire.