> 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). # Personnaliser votre portail Creator Edit {% hint style="warning" %} Cet article traite de la configuration de votre [portail Creator Edit](/brand/fr/what-would-you-like-to-learn-about/creator-edit-configuration/creator-edit-overview.md). [Contactez-nous](https://app.impact.com/support/portal.ihtml?createTicket=true&) pour en savoir plus. {% endhint %} Personnalisez l'apparence de votre portail Creator Edit afin qu'elle corresponde à l'identité visuelle de votre marque. Vous pouvez modifier un large éventail d'éléments visuels, notamment les couleurs, les polices et les styles des composants, afin d'offrir à vos créateurs une expérience de marque cohérente. {% hint style="danger" %} **Les modifications sont publiées immédiatement.** Les créateurs verront vos modifications dès que vous les enregistrerez. 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 ![](/files/287922c6cc6ea3fb3d302b92b68b352b27fd336d) **\[Profil utilisateur] → Paramètres.** 2. À droite, sous *Paramètres du programme*, accédez à *Creator Edit* et sélectionnez [**Apparence et style**](https://app.impact.com/secure/advertiser/fr/branded-portal/look-and-feel.ihtml)**.** 3. Dans le *Apparence et style* des paramètres, ajustez les options visuelles de votre portail. Consultez *Modifiez l'apparence et le style de votre portail* la section ci-dessous. 4. Une fois que vous êtes satisfait, sélectionnez **Enregistrer**. #### Modifiez l'apparence et le style 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 tertiaire de votre 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 séparateurs principaux. * **Succès**: Définissez la couleur utilisée pour les messages et notifications de réussite. * **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 ex., #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 ex., #FFFFFF pour le blanc) pour définir la couleur. {% endtab %} {% tab title="Texte" %} Définissez les couleurs de divers éléments de texte 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 principale du texte pendant le processus d'intégration. * **Texte secondaire d'intégration**: Définissez la couleur secondaire du texte 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 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 visibles. * **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 des 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 d'interface utilisateur**: Définissez la couleur du texte des principaux composants de l'interface utilisateur. {% endtab %} {% tab title="Formulaires" %} Définissez l'apparence des éléments de formulaire interactifs pour l'adapter à 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 des différents 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 contextuelles modales. * **Composant principal de l'interface utilisateur**: Définissez la couleur des principaux éléments 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 forme de pilule**: Définissez la couleur d'arrière-plan des étiquettes ou libellés en forme de pilule. * **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 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 des polices pour vos styles de police principaux. * **Police secondaire semi-grasse, normale, grasse**: Importez des 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 police de l'en-tête des cartes de contenu d'avantages. {% endtab %} {% tab title="Catégories et collections" %} Définissez le style des cartes utilisées pour afficher les catégories et les collections dans votre portail. Vous pouvez prévisualiser l'apparence du style choisi dans votre portail. * **Style des cartes des catégories**: Choisissez entre **Circulaire** et **Carré**. Si vous choisissez le **Carré** style, vous pouvez personnaliser l'arrondi des coins des cartes. * **Style des cartes des collections**: Choisissez entre **Circulaire** et **Carré**. Si vous choisissez le **Carré** style, 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, and the optional `goal` query parameter: ``` 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 optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. 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.