Utiliser des codes de couleur hexagonaux dans vos e-mails et formulaires

Plans ActiveCampaign
Starter
Plus
Pro
Enterprise

Un code hexadécimal est un nombre hexadécimal de 3 octets utilisé dans les applications HTML, CSS et autres pour représenter les couleurs. Ils commencent par un hashtag (#) et sont suivis de 6 chiffres, en utilisant soit des chiffres, soit des lettres (A - F), soit une combinaison des deux.

Lorsque vous sélectionnez la couleur d'une police, d'une bordure ou d'un fond dans une campagne ou un formulaire créé dans ActiveCampaign en utilisant le sélecteur de couleur, nous affichons le code hexadécimal pour vous. En outre, si vous savez déjà quel code hexagonal utiliser dans vos formulaires et communications, nous vous facilitons l'application de ce code. Cela vous permet d'utiliser dans vos formulaires et vos communications des couleurs spécifiques associées à votre marque.

Si vous souhaitez en savoir plus sur les codes de couleur hexagonaux et la façon dont ils sont générés, cliquez ici.

Comment utiliser les codes de couleur hexagonaux dans les campagnes et les e-mails d'automatisation ?

Dans les campagnes et les e-mails d'automatisation, vous pouvez utiliser des couleurs hexagonales sur les éléments suivants :

  • Couleur de la police
  • Couleur d'arrière-plan pour tous les blocs de contenu
  • Couleur de la bordure pour tous les blocs de contenu
  • Couleur des colonnes pour tous les blocs de contenu
  • Couleur de la police (le cas échéant)
  • Bloc HTML personnalisé
  • Lorsque vous créez un e-mail en utilisant votre propre code personnalisé

Il existe des façons légèrement différentes d'appliquer des codes hexagonaux dans le éditeur d'e-mail (lancé en 2022) et dans l'éditeur classique. Cliquez ci-dessous pour développer les informations afin d'en savoir plus :

Comment utiliser les couleurs hexagonales à l'aide de l'éditeur d'e-mail éditeur d'e-mail (lancé en 2022):

Notez qu'avec le éditeur d'e-mail, vous pouvez mettre à jour les paramètres globaux de votre campagne pour définir l'apparence générale, y compris les couleurs, avant d'appliquer les paramètres individuels. En savoir plus sur les options disponibles à personnaliser dans l'onglet Paramètres globaux de . Vous pouvez utiliser les instructions suivantes pour mettre à jour les couleurs hexagonales de ces options également.

Pour modifier la couleur de votre police dans un seul bloc de texte à l'aide de éditeur d'e-mail (lancé en 2022):

  1. Cliquez sur le bloc de texte avec la police que vous souhaitez mettre à jour puis à droite, cliquez dans le champ Couleur du texte. Notez que vous pouvez également modifier la couleur de l'arrière-plan du bloc en cliquant sur Couleur de l'arrière-plan tout lien dans la zone de texte en cliquant sur dans Couleur du lien.

    The_Text_color_field_once_you_click_into_a_text_block_in_the_Email_Designer.jpg

  2. Pour sélectionner les couleurs, il faut soit taper le code hexadécimal, soit cliquer dans le carré et la barre de couleur dans la modale qui apparaît.

    Option hexagonale dans le sélecteur de couleurs d'Email Designer.jpg
  3. Vos modifications seront enregistrées automatiquement.

 

Comment utiliser les couleurs hexagonales à l'aide du éditeur classique :

Pour modifier la couleur de votre police avec le éditeur classique, il suffit de cliquer sur ce bloc de texte et cliquer sur le sélecteur de couleurs dans la barre d'outils modale.

Click_color_picker_from_modal_tool_bar.png

Vous pouvez ensuite sélectionner des couleurs supplémentaires ou cliquer sur le lien "More" pour sélectionner encore plus de couleurs ou ajouter votre propre code de couleur hexadécimal :

Enter_hex_code.png

Pour ajouter votre propre code de couleur hexadécimal à un bloc spécifique, comme une bordure de bloc ou pour ajouter une couleur de fond, cliquez sur ce bloc spécifique :
Click_content_block.png

Lorsque vous le faites, nous affichons un menu d'options à droite de votre écran :
options_menu.png

Vous pouvez alors taper votre code hexadécimal directement dans le champ de la couleur que vous souhaitez modifier, ou sélectionner une nouvelle couleur dans le sélecteur de couleurs.
options_for_hex.png

Si vous avez un code hexadécimal spécifique à utiliser pour votre bordure ou l'arrière-plan de votre colonne, cliquez sur le sélecteur de couleurs pour entrer votre code.

click_color_picker_to_add_hex.png

Comment utiliser les codes de couleur hexadécimaux dans les formulaires

Dans les formulaires, vous pouvez utiliser des couleurs hexagonales sur les éléments suivants :

  • Couleur de fond du formulaire
  • Couleur de la police du formulaire
  • Couleur de la bordure du formulaire (formulaires en ligne)
  • Fond du bouton d'envoi
  • Police du bouton d'envoi
  • Bordure du bouton d'envoi
  • Blocs CSS personnalisés

Pour ajouter votre propre couleur hexagonale à votre formulaire, cliquez sur l'onglet "Style". Puis ajoutez votre code hexadécimal partout où il y a une option pour modifier le champ de la couleur. Par exemple, voici l'éditeur de couleurs dans la section "Texte" de l'onglet "Style" :

Code hexadécimal dans l'onglet Style des formulaires sous la section Texte.jpg

Vous avez d'autres questions ? Soumettre une demande

Start free trial