> 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/look-and-feel/customize-your-creator-edit-portal.md). # Personnalisez votre portail Creator Edit {% hint style="warning" %} This article covers configuring your [Creator Edit portal](/brand/what-would-you-like-to-learn-about/creator-edit-configuration/creator-edit-overview.md). [Contact us](https://app.impact.com/support/portal.ihtml?createTicket=true&) to learn more. {% endhint %} Personnalisez l’apparence de votre portail Creator Edit pour l’aligner sur l’identité visuelle de votre marque. Vous pouvez modifier un ensemble d’éléments visuels, notamment les couleurs, les polices et les styles des composants, afin d’offrir une expérience de marque cohérente à vos créateurs. {% hint style="danger" %} **Les modifications sont publiées immédiatement.** Les créateurs verront vos modifications dès que vous enregistrez. Si vous n’êtes pas sûr 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 ne pouvez accéder à cette page de paramètres que depuis impact.com. 1. Dans la barre de navigation supérieure de votre compte impact.com, sélectionnez ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2F210dEQa93qyQgoJDkieL%2FUser%20profile.svg?alt=media\&token=f84c5b17-fae4-4a30-990a-9de5e57a150b) **\[Profil utilisateur] → Paramètres.** 2. À droite, sous *Paramètres du programme*, accédez à *Creator Edit* et sélectionnez [**Apparence et ressenti**](https://app.impact.com/secure/advertiser/fr/branded-portal/look-and-feel.ihtml)**.** 3. Dans le *Apparence et ressenti* des paramètres, ajustez les options visuelles de votre portail. Consultez *Modifiez l’apparence et le ressenti de votre portail* la section ci-dessous. 4. Une fois satisfait, sélectionnez **Enregistrer**. #### Modifiez l’apparence et le ressenti 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’accentuation ou une couleur tertiaire de marque. * **Arrière-plan de l’écran 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 des séparateurs principaux. * **Succès**: Définissez la couleur utilisée pour les messages et les 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, y compris leur couleur de texte, leur couleur d’arrière-plan et leurs é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 des différents éléments textuels afin de garantir 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’influenceur**: Définissez la couleur des libellés des indicateurs 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ée pendant le processus d’intégration. * **Texte principal des fenêtres modales**: Définissez la couleur du texte à l’intérieur des fenêtres modales. * **Texte principal**: Définissez la couleur de texte par défaut pour la majeure partie du contenu principal. * **Lien secondaire**: Définissez la couleur des liens secondaires ou moins visibles. * **Texte secondaire**: Définissez la couleur du texte supplé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 l’écran 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 composants principaux de l’interface utilisateur. {% endtab %} {% tab title="Formulaires" %} Définissez l’apparence des éléments de formulaire interactifs pour qu’ils correspondent à votre image de marque à 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 des fenêtres modales**: Définissez la couleur d’arrière-plan des fenêtres modales. * **Composant principal de l’interface utilisateur**: Définissez la couleur des éléments principaux de l’interface utilisateur, comme les onglets actifs ou les éléments sélectionnés. * **Composant secondaire de l’interface utilisateur**: 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 balises ou libellés en 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 la 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 sur 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, régulière, grasse**: Téléversez les polices pour vos styles de police principaux. * **Police secondaire semi-grasse, régulière, grasse**: Téléversez les polices pour 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 des bordures 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 la police de l’en-tête sur les 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 des cartes de catégories**: Choisissez entre **Circulaire** et **Carré**. Si vous choisissez le style **Carré** , vous pouvez personnaliser l’arrondi des coins des cartes. * **Style des cartes de collections**: Choisissez entre **Circulaire** et **Carré**. Si vous choisissez le style **Carré** , 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 by asking a question. Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters: ``` GET https://help.impact.com/brand/fr/what-would-you-like-to-learn-about/creator-edit-configuration/look-and-feel/customize-your-creator-edit-portal.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case. 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.