Become a HubSpot power user — join us for HubSpot Training Day 2017.

Forms

Comment changer la couleur du bouton Soumettre d'un formulaire ?

Dernière mise à jour: July 6, 2017

Pour les formulaires hébergés sur une page de destination COS

  • Accédez à Contenu > Pages de destination.
  • Recherchez et modifiez la page de destination souhaitée.
  • Cliquez sur l'onglet Style du formulaire.
  • Choisissez Bouton du formulaire dans le menu déroulant pour modifier l'apparence du bouton Soumettre.
Image ajoutée par l'utilisateur
Enregistrez et mettez à jour la page de destination

Pour les formulaires intégrés à des pages externes

Modifiez le code d'intégration :

  • Ajoutez une classe CSS personnalisée au code d'intégration du formulaire.
  • Il vous suffit d'ajouter l'attribut « submitButtonClass ».
  • Exemple :

  • Cette action
    annule tous les paramètres de style par défaut appliqués au bouton Soumettre.
  • Vous devez ensuite ajouter une mention CSS à l’en-tête de la page ou à une feuille de style.
    • .votre-bouton-soumettre-personnalisé {background-color:red; padding:10px;}
      • Alternativement, vous pouvez désactiver le style 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{ background: #ff0000; }.

  • Cette mention fera apparaître le bouton Soumettre en rouge.
  • https://developers.hubspot.com/docs/methods/forms/advanced_form_options

Veuillez vous référer à la documentation destinée aux développeurs pour plus d'informations sur la personnalisation du code d'intégration Article similaires :