> 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" %} Cet article explique comment configurer 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 pour l'aligner sur l'identité visuelle de votre marque. Vous pouvez modifier un éventail 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 enregistrerez. Si vous n'êtes pas sûr d'un paramètre, [contacter l'assistance](https://app.impact.com/support/portal.ihtml?createTicket=true&) avant d'effectuer des modifications. {% endhint %} #### Accédez à la page des paramètres Vous ne pouvez accéder à cette page de paramètres qu'à partir d'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 la section *Apparence et style* dans les paramètres, ajustez les options visuelles de votre portail. Voir *Modifier l'apparence et le style de votre portail* la section ci-dessous. 4. Une fois satisfait, sélectionnez **Enregistrer**. #### Modifier 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 d'accueil** : Définissez la couleur d'arrière-plan de l'écran d'accueil/de chargement. * **Arrière-plan de l'onboarding** : Définissez la couleur d'arrière-plan du parcours d'onboarding 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 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 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 différents éléments de texte à l'aide de codes couleur hexadécimaux afin d'assurer la lisibilité et la cohérence. 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 indicateurs des influenceurs** : 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'onboarding** : Définissez la couleur du texte principal pendant le processus d'onboarding. * **Texte secondaire d'onboarding** : Définissez la couleur du texte secondaire utilisée pendant le processus d'onboarding. * **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 de paramètres. * **Texte de l'écran d'accueil** : Définissez la couleur du texte sur l'écran d'accueil/de chargement. * **Texte principal des composants d'interface utilisateur** : Définissez la couleur du texte des composants d'interface utilisateur principaux. {% endtab %} {% tab title="Formulaires" %} Définissez l'apparence des éléments de formulaire interactifs pour qu'elle corresponde à 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 contextuelles modales. * **Élément 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. * **Élément 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 comprennent .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** : Importez des polices pour vos styles de police principaux. * **Police secondaire semi-grasse, régulière, 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 de bordure du bouton** : 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 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 de carte des catégories** : Choisissez entre **Circulaire** et **Carrée** . Si vous choisissez le **Carrée** style, vous pouvez personnaliser l'arrondi des coins des cartes. * **Style de carte des collections** : Choisissez entre **Circulaire** et **Carrée** . Si vous choisissez le **Carrée** 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.