> For the complete documentation index, see [llms.txt](https://docs.plenit.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.plenit.com/fr/platform/organizations/how-to/how-to-customize-the-user-portal-and-admin-panel.md).

# Comment personnaliser le Portail utilisateur et le Panneau d'administration

Chez Plenit, tu travailles en **Marque blanche**: le Client final voit **ta Marque**, pas la nôtre.

Ce guide te fait parcourir les deux surfaces que tu personnalises, le **Portail utilisateur** (ce que le Client utilise) et le **Panneau d'administration**, et par la configuration du **courriel** avec lequel tu t'adresses à lui.

La raison du modèle se trouve dans [Le Client final et la marque du Partenaire.](/fr/platform/organizations/concepts/end-client-and-brand.md)

> #### 📘 Qu'est-ce que tu vas obtenir ?
>
> Le portail et le panneau du Client avec ton identité visuelle et ton domaine, et les e-mails envoyés avec ta Marque. Du point de vue du Client, le service est le tien.<br>

### Avant de commencer

Tu dois être connecté et disposer de l'autorisation de Personnalisation sur l'Organisation. Prépare ton logo, ton favicon, ta couleur principale et, si tu vas utiliser un Domaine personnalisé, l'accès à la gestion DNS de ce domaine.

### 1. Ouvre Personnalisation

Entre dans l'Organisation et ouvre **Personnalisation**. Tu verras les deux blocs que tu vas configurer, **Portail utilisateur** et **Panneau d'administration**, et la section de **E-mail**.

{/\* 📸 CAPTURE 1 · Organisation > Personnalisation · mettre en évidence les blocs Portail utilisateur, Panneau d'administration et E-mail \*/}

![Section Personnalisation d'une Organisation](https://REEMPLAZA-URL/)

### 2. Personnalise le Portail utilisateur

Déplie le bloc **Portail utilisateur** et configure :

* **Nom du portail** et **Description**.
* **Identité visuelle** — **Image de fond** (avec **Voir la galerie**), **Logo**, **Favicon** et la couleur **Principal** (au format `#hex`).
* **Domaine personnalisé** — saisis ton **URL** dans son champ. Pour que cela fonctionne, crée l'enregistrement **CNAME** indiqué par le panneau (tableau **HOST · TYPE · VALEUR**) dans la gestion DNS de ton domaine. Le bouton **Réinitialiser** revient à l'adresse par défaut.
* **Certificat** — choisis **Générer un certificat Let's Encrypt** ou **Téléverser mon propre certificat**.

Appuyez sur **Enregistrer** pour appliquer le bloc, ou **Annuler** pour abandonner.

{/\* 📸 CAPTURE 2 · Organisation > Personnalisation > Portail utilisateur · mettre en évidence identité visuelle, URL, CNAME et certificat \*/}

![Personnalisation du Portail utilisateur](https://REEMPLAZA-URL/)

> #### 🚧 Utilise tes propres valeurs
>
> Le panneau affiche encore un nom et un domaine d'exemple hérités. Ignore-les et remplis avec ta Marque et ton domaine.

### 3. Personnalise le Panneau d'administration

Déplie le bloc **Panneau d'administration** et configure-le avec les mêmes éléments que l'étape précédente : nom, description, identité visuelle, domaine avec son CNAME et son Certificat. C'est la surface depuis laquelle tu gères ; le portail est celle qu'utilise le Client. Enregistre à la fin.

### 4. Configure l'e-mail

Dans **E-mail** tu définis comment et avec quel aspect partent les e-mails vers le Client final.

* **Mode d'envoi**:
  * **Utiliser le modèle d'e-mail défini**.
  * **Envoi depuis un Compte de messagerie spécifique**, via nos Serveurs de messagerie. En le choisissant, tu indiques le **E-mail d'envoi** et le **Nom affiché**.
* **Apparence des e-mails envoyés**:
  * **Utiliser le modèle d'e-mail défini**.
  * **Personnalisé** — tu définis le **Nom de l'Organisation**, le **Logo**, la couleur **Principal** et la **Signature d'e-mail**.

{/\* 📸 CAPTURE 3 · Organisation > Personnalisation > E-mail · mettre en évidence Mode d'envoi et Apparence des e-mails \*/}

![Configuration de l'e-mail dans Personnalisation](https://REEMPLAZA-URL/)

> #### ❗️ Active SPF et DKIM
>
> Pour que les e-mails arrivent correctement depuis ton propre Compte, il faut activer **SPF** et **DKIM**. Lorsque tu rempliras et enverras le formulaire, nous te donnerons les instructions pour le faire.

Avant de le valider, appuie sur **Envoyer un E-mail de test** et vérifie qu'il arrive avec ta Marque et l'apparence que tu as définie.

### Conclusion

Avec la Personnalisation prête, le Client final voit ton portail, accède via ton domaine et reçoit tes e-mails.

Tu as configuré les deux surfaces et l'e-mail, de sorte que toute l'expérience se présente avec ta Marque et Plenit reste en dessous comme la plateforme qui la rend possible.

### Étapes suivantes

* Passe en revue chaque champ dans [Personnalisation.](/fr/platform/organizations/detalles/customization.md)


---

# 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://docs.plenit.com/fr/platform/organizations/how-to/how-to-customize-the-user-portal-and-admin-panel.md?ask=<question>&goal=<endgoal>
```

`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.
