--- title: Modifier le bouton Soumettre d'un formulaire description: Découvrez comment modifier le texte du bouton Soumettre d'un formulaire et modifier son style. --- # [Modifier le bouton Soumettre d'un formulaire](https://knowledgeqa.hs-sites.com/fr/forms/edit-and-style-your-form-submit-button) Rédigé par [HubSpot Support](https://knowledgeqa.hs-sites.com/fr/author/hubspot-support) | 7 Jul 2020 à 4:00:00 - [Modifier le texte du bouton Soumettre d'un formulaire](https://knowledgeqa.hs-sites.com/fr/forms/edit-and-style-your-form-submit-button?hs_amp=true#edit-your-form-submit-button-text) - [Modifier le style du bouton Soumettre d'un formulaire sur des pages HubSpot](https://knowledgeqa.hs-sites.com/fr/forms/edit-and-style-your-form-submit-button?hs_amp=true#style-submit-button-hubspot-pages) (***Hub Marketing** Basique*, *Pro* et *Entreprise* uniquement) - [Modifier le style du bouton Soumettre d'un formulaire sur des pages externes](https://knowledgeqa.hs-sites.com/fr/forms/edit-and-style-your-form-submit-button?hs_amp=true#style-submit-button-external-pages) (***Hub Marketing*** *Starter*, *Basique*, *Pro* et *Entreprise* uniquement)   ### 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 votre compte HubSpot, accédez à vos [pages de destination ou à vos pages de site web](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/account/a-guide-to-hubspots-new-navigation). - Cliquez sur le **nom** d'une page. - 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.   ### Modifier le style du bouton Soumettre d'un formulaire sur des pages externes (*Hub Marketing* *Starter*, *Basique*, *Pro* et *Entreprise* uniquement) - Depuis votre compte HubSpot, accédez à **Marketing** > **Capture de leads** > **Formulaires**. - Cliquez sur le **nom **du formulaire. - Dans l'éditeur de formulaire, cliquez sur l'onglet **Style et aperçu**. - Dans le panneau de gauche, cliquez sur la section **> ****Style** pour la développer. - Dans la section *Bouton*, 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. Le style du bouton Soumettre d'un formulaire est mis à jour individuellement. Découvrez comment [personnaliser les paramètres de style global des formulaires](https://knowledge.hubspot.com/fr/articles/kcs_article/forms/customize-your-global-style-settings-for-forms). Si vous n'avez [pas appliqué de style au formulaire](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/forms/how-do-i-style-my-embedded-form#style-your-embedded-form-with-css), les options de style de formulaire que vous avez définies dans l'onglet *Style et aperçu* de l'éditeur de formulaire ou les paramètres de style global ne s'appliqueront pas. Utilisez plutôt un sélecteur CSS dans votre feuille de style externe pour cibler le bouton Soumettre du formulaire. Par exemple : ``` input[type="submit"]{ background: #ff0000; } ``` En savoir plus sur la [personnalisation du code d'intégration de formulaire](https://developers.hubspot.com/fr/docs/methods/forms/advanced_form_options) dans la documentation pour les développeurs de HubSpot. [Voir l'article complet](https://knowledgeqa.hs-sites.com/fr/forms/edit-and-style-your-form-submit-button) ```json { "@context" : "http://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "HubSpot Support" }, "dateModified" : "2020-07-08T14:29:05.140Z", "datePublished" : "2020-07-07T04:00:00Z", "headline" : "Modifier le bouton Soumettre d'un formulaire", "image" : { "@type" : "ImageObject", "height" : 60, "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png", "width" : 60 }, "mainEntityOfPage" : "https://knowledgeqa.hs-sites.com/fr/forms/edit-and-style-your-form-submit-button", "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "height" : 60, "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png", "width" : 60 }, "name" : "FR | Knowledge Quick Answers" } } ```