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

Personnaliser votre formulaire intégré sur une page externe

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

Vous pouvez personnaliser votre formulaire HubSpot intégré avec des thèmes prédéfinis dans l'éditeur de formulaire ou avec une CSS personnalisée dans votre feuille de style externe.

Personnaliser le formulaire en utilisant des thèmes

Si vous souhaitez modifier vos formulaires sans avoir à rédiger un code personnalisé, vous pouvez utiliser des thèmes prédéfinis dans le formulaire intégré ou utiliser un formulaire utilisé sur une URL indépendante. Les thèmes apportent plus d'options de personnalisation à vos formulaires, en plus des polices et des couleurs déjà appliquées.  

  • Depuis votre compte HubSpot, accédez à Marketing > Capture de leads > Formulaires.
  • Cliquez sur le nom d'un formulaire.
  • Dans l'éditeur de formulaire, cliquez sur l'onglet Style et Aperçu
  • Dans la fenêtre de style, décochez la case Conserver l'ancien thème

Remarque : décocher la case Conserver l'ancien thème supprimera l'ancien style par défaut de HubSpot appliqué à ce formulaire. Toute CSS personnalisée ou tout JavaScript que vous avez ajouté au formulaire cessera de fonctionner. 

  • Sélectionnez l'un des quatre thèmes disponibles. themes-in-forms

Ces thèmes sont spécifiques à chaque formulaire individuel et affecteront uniquement les formulaires intégrés en externe ou utilisés dans une URL indépendante. 

Personnaliser le formulaire en utilisant les CSS

Remarque : la possibilité de personnaliser les CSS de votre formulaire intégré et du code intégré est uniquement disponible pour les comptes Hub MarketingBasique, Pro et Entreprise.

  • 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 Options
  • Cliquez sur le bouton pour activer l'option Formulaire non personnalisé. Le formulaire sera affiché sous la forme d'un élément HTML brut sur votre site web, plutôt que dans iFrame, et tout style HubSpot par défaut appliqué au formulaire sera supprimé.
  • Une fois ce paramètre activé, cliquez sur Partager dans l'angle supérieur droit de l'éditeur. 
  • Dans la boîte de dialogue, cliquez sur Copie.
  • Ajoutez le code intégré du formulaire à votre site externe. Si vous avez déjà intégré le formulaire à votre page externe, il est nécessaire de remplacer le code existant avec cette nouvelle version qui n'a pas de style par défaut. 
New Call-to-action