Formulaires

Mistral Pro utilise vos propres formulaires HubSpot. Aucun n'est fourni, et trois modules sont livrés volontairement sans formulaire sélectionné : un identifiant de formulaire appartient à un seul compte et ne serait pas reconnu dans le vôtre.

Où apparaissent les formulaires

Sélectionner un formulaire

Tant que ce n'est pas fait, la page publiée omet simplement la carte du formulaire — titres, textes et coordonnées s'affichent normalement — tandis que l'éditeur de page conserve une carte vide pour vous montrer la mise en page. Une fois un formulaire sélectionné, ses champs, ses libellés et son bouton d'envoi suivent vos réglages Forms du theme : il s'accorde au site sans aucun style supplémentaire.

Les trois modules à formulaire

Contact details with embedded form

Deux colonnes : d'un côté le titre, une liste de coordonnées (icône — e-mail, téléphone, localisation, bureau, site web, équipe, itinéraire, lien externe — libellé, valeur, lien optionnel) et des liens sociaux (LinkedIn, Instagram, YouTube, Facebook, X, Behance, e-mail) ; de l'autre, le formulaire HubSpot dans une carte encadrée, avec un texte optionnel au-dessus. Coordonnées à gauche et formulaire à droite, ou l'inverse ; tuiles d'icônes neutres ou accentuées.

Lead capture hero with embedded form

Le bloc d'ouverture d'une landing page : l'argumentaire de l'offre d'un côté (surtitre, titre bicolore, description, une liste de ce que l'offre inclut, une image de l'offre optionnelle stylée en couverture d'ebook, en capture encadrée ou sans cadre), le formulaire dans une carte de conversion de l'autre (titre de la carte, texte au-dessus, mention en petits caractères en dessous). Trois dispositions : argumentaire à gauche, carte à droite ; argumentaire au-dessus, carte en dessous ; carte de formulaire fixe seule — la carte seule, fixe dans une colonne étroite, utilisée par le template Landing page with sidebar. Halo radial optionnel ; les jeux de couleurs incluent un panneau sombre.

Newsletter signup band

Un panneau accentué, sombre ou presque noir avec un titre bicolore, un texte de soutien et un formulaire d'abonnement dans une carte claire, avec une mention optionnelle en petits caractères. Panneau arrondi dans le conteneur ou bandeau pleine largeur ; équilibre des colonnes texte / carte.

Styler tous les formulaires une seule fois

Paramètres → Contenu → Thèmes → Mistral Pro → Modifier les paramètres du thème → Forms style la carte du formulaire, les libellés et textes d'aide, les champs (fond, bordure, rayon, placeholder, anneau de focus, couleur d'erreur) et le bouton d'envoi. Cela s'applique à l'éditeur de formulaires classique comme au nouveau. Les messages de succès et d'erreur utilisent les Status colors du groupe Colors. Voir Réglages du theme.

Les autres formulaires du theme

• L'article de blog peut afficher le formulaire d'abonnement au blog de HubSpot sous l'article (Show blog subscription form, désactivé par défaut). Voir Blog.
• Les pages système (mot de passe, préférences d'abonnement, désabonnement, espace membre) utilisent les formulaires propres de HubSpot, stylés par les mêmes réglages. Voir Pages système.
• Le template Thank you page est la cible naturelle de redirection de vos formulaires : définissez-le comme redirection dans l'éditeur de formulaire.

Voir aussi

• Templates — les landing pages
• Réglages du theme
• Dépannage — « le formulaire n'apparaît pas »