> For the complete documentation index, see [llms.txt](https://help.impact.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.impact.com/brand/fr/what-would-you-like-to-learn-about/creator-edit-configuration/apparence/personnalisez-votre-portail-creator-edit.md). # Personnaliser votre portail Creator Edit Personnalisez l’apparence de votre portail Creator Edit afin de l’aligner sur l’identité visuelle de votre marque. Vous pouvez modifier une gamme d’éléments visuels, notamment les couleurs, les polices et les styles des composants, afin d’assurer une expérience de marque cohérente pour vos créateurs. {% hint style="danger" %} **Les changements sont publiés immédiatement.** Les créateurs verront vos modifications dès que vous les enregistrez. Si vous n’êtes pas certain d’un paramètre, [contactez l’assistance](https://app.impact.com/support/portal.ihtml?createTicket=true&) avant d’apporter des modifications. {% endhint %} #### Accédez à la page des paramètres Vous pouvez uniquement accéder à cette page de paramètres depuis impact.com. 1. Dans la barre de navigation supérieure de votre compte impact.com, sélectionnez ![](/files/827483d60bd816fe184fd31ddcebc3a5dc6814fb) **\[Profil utilisateur] → Paramètres.** 2. À droite, sous *Paramètres du programme*, accédez à *Creator Edit* et sélectionnez [**Apparence**](https://app.impact.com/secure/advertiser/fr/branded-portal/look-and-feel.ihtml)**.** 3. Dans les *Apparence* paramètres, ajustez les options visuelles de votre portail. Voir la section *Personnalisez l’apparence de votre portail* ci-dessous. 4. Une fois que vous êtes satisfait, sélectionnez **Enregistrer**. #### Personnalisez l’apparence de votre portail {% tabs %} {% tab title="Couleurs générales" %} Définissez les couleurs générales de votre portail à l’aide de codes couleur hexadécimaux. Ces couleurs s’appliquent aux arrière-plans, aux bordures et aux éléments de marque. * **Image de marque principale**: Définissez la couleur principale de votre marque. * **Image de marque secondaire**: Définissez la couleur secondaire de votre marque. * **Image de marque tertiaire**: Définissez une couleur d’accent ou tertiaire pour votre marque. * **Arrière-plan de démarrage**: Définissez la couleur d’arrière-plan de l’écran de démarrage/de chargement. * **Arrière-plan d’intégration**: Définissez la couleur d’arrière-plan du parcours d’intégration des créateurs. * **Arrière-plan des paramètres**: Définissez la couleur d’arrière-plan de la page des paramètres du portail. * **Arrière-plan principal**: Définissez la couleur d’arrière-plan principale du tableau de bord du portail. * **Bordure principale**: Définissez la couleur des bordures et séparateurs principaux. * **Succès**: Définissez la couleur utilisée pour les messages et notifications de succès. * **Avertissement**: Définissez la couleur utilisée pour les messages et alertes d’avertissement. {% endtab %} {% tab title="Boutons" %} Définissez l’apparence des boutons de votre portail, notamment la couleur du texte, la couleur d’arrière-plan et les états d’interaction (survol et clic). Vous pouvez également prévisualiser l’apparence de vos boutons dans votre portail. * **Bouton principal**: Définissez la couleur de vos boutons principaux *Texte*, *Arrière-plan*, *Arrière-plan au survol*, et *Clic*. Saisissez un code couleur hexadécimal (par exemple, #FFFFFF pour le blanc) pour définir la couleur. * **Bouton secondaire**: Définissez la couleur de vos boutons secondaires *Texte*, *Arrière-plan*, *Arrière-plan au survol*, et *Clic*. Saisissez un code couleur hexadécimal (par exemple, #FFFFFF pour le blanc) pour définir la couleur. {% endtab %} {% tab title="Texte" %} Définissez les couleurs de divers éléments de texte afin d’assurer la lisibilité et la cohérence à l’aide de codes couleur hexadécimaux. Vous pouvez également prévisualiser l’apparence de votre texte dans votre portail. * **Erreurs**: Définissez la couleur des messages d’erreur. * **Texte des libellés des métriques d’influenceurs**: Définissez la couleur des libellés des métriques de performance. * **Couleur des liens**: Définissez la couleur de tous les hyperliens cliquables. * **Texte d’intégration**: Définissez la couleur du texte principal pendant le processus d’intégration. * **Texte secondaire d’intégration**: Définissez la couleur du texte secondaire utilisé pendant le processus d’intégration. * **Texte principal des fenêtres modales**: Définissez la couleur du texte à l’intérieur des fenêtres contextuelles modales. * **Texte principal**: Définissez la couleur de texte par défaut pour la plupart du contenu principal. * **Lien secondaire**: Définissez la couleur des liens secondaires ou moins mis en avant. * **Texte secondaire**: Définissez la couleur du texte complémentaire ou moins mis en avant. * **Texte des paramètres**: Définissez la couleur du texte spécifiquement pour les pages de paramètres. * **Texte de démarrage**: Définissez la couleur du texte sur l’écran de démarrage/de chargement. * **Texte principal des composants de l’interface utilisateur**: Définissez la couleur du texte pour les principaux composants de l’interface utilisateur. {% endtab %} {% tab title="Formulaires" %} Définissez l’apparence des éléments de formulaire interactifs pour qu’ils correspondent à votre identité visuelle à l’aide de codes couleur hexadécimaux. Vous pouvez également prévisualiser l’apparence de votre case à cocher et de votre bouton radio dans votre portail. * **Case à cocher sélectionnée**: Définissez la couleur d’une case à cocher lorsqu’elle est sélectionnée. * **Bouton radio sélectionné**: Définissez la couleur d’un bouton radio lorsqu’il est sélectionné. {% endtab %} {% tab title="Composants" %} Définissez les couleurs de divers composants structurels de votre portail à l’aide de codes couleur hexadécimaux. * **Arrière-plan principal de la fenêtre modale**: Définissez la couleur d’arrière-plan des fenêtres contextuelles modales. * **Composant UI principal**: Définissez la couleur des éléments principaux de l’interface utilisateur, comme les onglets actifs ou les éléments sélectionnés. * **Composant UI secondaire**: Définissez la couleur des éléments secondaires de l’interface utilisateur. * **Arrière-plan du conteneur en pastille**: Définissez la couleur d’arrière-plan des étiquettes ou libellés en forme de pastille. * **Arrière-plan du pied de page**: Définissez la couleur d’arrière-plan du pied de page. * **Arrière-plan de l’en-tête**: Définissez la couleur d’arrière-plan de l’en-tête de page. * **Arrière-plan de la barre de progression**: Définissez la couleur d’arrière-plan des barres de progression. {% endtab %} {% tab title="Polices" %} Définissez les polices de votre marque à utiliser dans l’ensemble de votre portail. Les formats de fichier pris en charge incluent .TTF, .OTF et .WOFF. Vous pouvez également prévisualiser l’apparence des polices importées dans votre portail. * **Police légère, normale, grasse**: Importez les polices de vos styles de police principaux. * **Police secondaire semi-grasse, normale, grasse**: Importez les polices de vos styles de police secondaires. {% endtab %} {% tab title="Autres styles" %} Ajustez des options de style supplémentaires pour des composants spécifiques. Vous pouvez également prévisualiser l’apparence des options de style choisies dans votre portail. * **Rayon de bordure des boutons**: Définissez l’arrondi des coins du bouton principal. * **Taille de police de l’en-tête du contenu des avantages**: Ajustez la taille de police de l’en-tête des cartes de contenu des avantages. {% endtab %} {% tab title="Catégories et collections" %} Définissez le style des cartes utilisées pour afficher les catégories et les collections sur votre portail. Vous pouvez prévisualiser l’apparence du style choisi dans votre portail. * **Style de carte des catégories**: Choisissez entre **Circulaire** et **Carrée**. Si vous choisissez le style **Carrée** , vous pouvez personnaliser l’arrondi des coins des cartes. * **Style de carte des collections**: Choisissez entre **Circulaire** et **Carrée**. Si vous choisissez le style **Carrée** , vous pouvez personnaliser l’arrondi des coins des cartes. {% endtab %} {% endtabs %} --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://help.impact.com/brand/fr/what-would-you-like-to-learn-about/creator-edit-configuration/apparence/personnalisez-votre-portail-creator-edit.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.