Utilisez l’éditeur HTML et CSS avec vos formulaires

Marketing_Lite_Plus_Professional_Enterprise

Sales_Plus_Professional_Enterprise

Avec ActiveCampaign, vous pouvez utiliser le bloc Code HTML pour personnaliser votre formulaire avec l'éditeur HTML, et vous pouvez utiliser CSS pour modifier les éléments.

Veuillez noter que l'utilisation de l'éditeur HTML et CSS avec votre formulaire est réservée aux utilisateurs avancés. Vous devez être à l'aise avec ces langues. Si vous n’êtes pas familier avec l'éditeur HTML ou le CSS, nous vous recommandons de travailler avec un membre de votre équipe qui l’est. Il existe également plusieurs excellentes ressources où vous pouvez apprendre l'éditeur HTML et le CSS , comme celle-ci.

Notre Équipe Expérience Client n'est pas en mesure de vous aider à créer ou à résoudre les problèmes liés à l'HTML ou au CSS que vous ajoutez à votre formulaire.

Éditeur HTML

Vous pouvez utiliser le bloc HTML pour ajouter votre propre code HTML à votre formulaire. L'éditeur HTML que vous ajoutez ne sera appliqué qu'à ce bloc, et non à l'ensemble du formulaire.

Vous pouvez utiliser ce bloc pour intégrer des liens dans le texte, créer des listes à puces, formater tout texte dans ce bloc, etc.

Veuillez noter que le bloc HTML ne peut être utilisé que sur les formulaires en ligne. Les formulaires à case flottante, à barre flottante et modaux n'ont pas la possibilité d'ajouter un bloc HTML.

Ajoutez le bloc Code HTML à votre formulaire :

  1. Dans le Form Builder, , cliquez sur Champs > Champs de contact.
  2. Faites glisser le bloc "Code HTML" vers la mise en page de votre formulaire.
  3. Cliquez sur le code du bloc HTML sur la mise en page de votre formulaire.
  4. Le volet de droite affiche un exemple de texte et un code HTML. Tapez ou collez votre code dans cette case dans le volet de droite.

Au fur et à mesure que vous ajoutez le code et le texte dans cette case, vous verrez ce nouveau texte et ce nouveau formatage appliqués au bloc sur la mise en page de votre formulaire.

CSS

Vous pouvez utiliser le panneau CSS des formulaires et le mode inspection pour modifier les éléments visuels de votre formulaire, par exemple en ajustant la largeur de votre bouton d’envoi, le type et la taille de la police, le centrage du texte dans un élément, la couleur de votre texte, etc. Tous les types de formulaires incluent le panneau de saisie CSS personnalisé et l’inspecteur.

Ajoutez un CSS personnalisé à votre formulaire :

  1. Cliquez sur le bouton CSS situé en haut à droite du constructeur de formulaires.

    CSS button.jpeg

  2. Un panneau de saisie personnalisé apparaît en bas de l’écran du créateur de formulaire. Survolez et cliquez sur les éléments sur votre formulaire pour afficher la barre latérale spécifique à l’élément.
  3. Cliquez sur le bouton « Inspecteur » puis cliquez sur l’élément de formulaire que vous souhaitez modifier.
  4. Ajoutez votre CSS personnalisé au panneau de saisie personnalisé.
  5. Pour quitter le mode Inspecteur, cliquez à nouveau sur le bouton « Inspecteur ».
  6. Pour fermer le code superposé à votre formulaire, cliquez sur le bouton CSS en haut du constructeur.
Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 11 sur 52

Vous avez d'autres questions ? Soumettre une demande

Start free trial