Easily build and embed forms on your site. Try HubSpot Forms for free.  
Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.
Forms

Modifier le bouton Soumettre d'un formulaire

Dernière mise à jour: décembre 18, 2018

Modifier le texte du bouton Soumettre d'un formulaire

Le texte du bouton Soumettre par défaut sur un formulaire HubSpot est Soumettre. Pour modifier le texte du bouton Soumettre :

  • Depuis votre compte HubSpot, accédez à Marketing > Capture de leads > Formulaires.
  • Cliquez sur le nom du formulaire.
  • Dans l'éditeur de formulaire, cliquez sur le bouton Soumettre.

  • Dans le panneau de gauche, saisissez le nouveau texte du bouton Soumettre dans le champ Libellé .

  • Dans le coin supérieur droit, cliquez sur Publier pour mettre à jour le formulaire en ligne.

 

Modifier le style du bouton Soumettre d'un formulaire sur des pages HubSpot (Hub Marketing Basique, Pro et Entreprise uniquement)

  • Dans l'éditeur de contenu, passez le curseur de la souris sur le module de formulaire et cliquez sur l'icône Modifier les styles.

  • Dans le panneau de gauche, cliquez sur le menu déroulant et sélectionnez Bouton de formulaire.
  • Modifiez le style du bouton Soumettre à l'aide des options, par exemple en modifiant la couleur d'arrière-plan ou la taille de police du texte.

  • Dans le coin inférieur gauche, cliquez sur Enregistrer et aller à la liste des modules.
  • Dans le coin supérieur droit, cliquez sur Publier ou Mettre à jour.
Le style du bouton Soumettre d'un formulaire est mis à jour sur une page individuelle. Découvrez comment personnaliser les paramètres de style global des formulaires.

 

Modifier le style du bouton Soumettre d'un formulaire sur des pages externes (Hub Marketing Basique, Pro et Entreprise uniquement)

Pour modifier le style du bouton Soumettre d'un formulaire sur des pages externes, ajoutez l'élément SubmitButtonClass avec la valeur d'une classe CSS à votre code d'intégration du formulaire. Par exemple :



Cette action annule tous les paramètres de style par défaut appliqués au bouton Soumettre. Dans la feuille de style externe, ajoutez la classe CSS et les attributs de style correspondants. Par exemple :

.hs-form-submit-button { background: #ff0000; padding:10px; }

Alternativement, vous pouvez désactiver le style du formulaire par défaut de HubSpot et intégrer un sélecteur CSS à votre feuille de style sans modifier le code d'intégration. Par exemple :

input[type="submit"]{ background: #ff0000; }

En savoir plus sur la personnalisation du code d'intégration de formulaire dans la documentation pour les développeurs de HubSpot.

New Call-to-action