
# Démarrage rapide de la marque blanche

Un parcours ciblé en six étapes, de « Je viens de passer à l'offre Agency » à une plateforme entièrement personnalisée à laquelle votre premier client peut se connecter. Pas de détours, pas de paramètres avancés — juste le chemin le plus court entre un tableau de bord générique et un produit qui semble être le *vôtre*.

Chaque étape comporte une estimation de temps et un lien vers une page plus détaillée si vous souhaitez approfondir plus tard. Prévoyez environ une demi-heure de votre temps, plus jusqu'à une heure d'attente pour que le DNS soit actif en arrière-plan. Si vous rencontrez un obstacle à une étape, passez à la suivante — vous pourrez y revenir.

::: walkthrough white-label-quickstart
:::

***

## Ce que vous aurez à la fin

- Votre propre domaine personnalisé (par exemple, `app.youragency.com`) pointant vers la plateforme
- Un certificat de sécurité valide (l'icône de cadenas dans le navigateur)
- Le nom de votre entreprise, votre logo, votre icône (favicon), vos couleurs et votre texte SEO remplaçant les valeurs par défaut
- Une décision claire sur la **façon** dont vous intégrerez vos clients (géré vs revente)
- Un sous-compte de test connecté à votre domaine personnalisé

Une fois que cela fonctionne, chaque nouveau client bénéficie automatiquement de la même expérience personnalisée — vous ne faites cette configuration qu'une seule fois.

***

## Avant de commencer

Vous devez disposer de l'abonnement **Agency**. La personnalisation de la marque (white-labeling) n'est pas disponible sur les niveaux inférieurs. Si vous n'êtes pas encore sur l'offre Agency, allez dans **Paramètres → Facturation** (sous Espace de travail) et effectuez la mise à niveau d'abord — l'entrée **Personnalisation de la marque** n'apparaîtra pas sous Paramètres → Avancé tant que vous ne l'aurez pas fait.

Vous aurez également besoin de :

- Un domaine que vous possédez (ou un sous-domaine sur un domaine que vous possédez). La plupart des agences utilisent quelque chose comme `app.youragency.com` plutôt que le domaine racine `youragency.com`, afin que le site marketing et l'application restent séparés.
- L'accès à votre registraire de domaine (GoDaddy, Cloudflare, Namecheap, etc.) — plus précisément, à la page des paramètres DNS. Si vous n'avez pas les identifiants, récupérez-les avant de commencer.
- Deux fichiers image pour votre marque :
  - **Logo** — un logo horizontal, au format PNG, WebP ou SVG, jusqu'à 5 Mo.
  - **Favicon** — une icône carrée utilisée comme favicon dans l'onglet du navigateur, au format PNG, WebP ou SVG, jusqu'à 5 Mo. 256×256 pixels est une taille idéale.

***

## Étape 1 — Décidez comment vous allez intégrer vos clients (≈ 5 min)

Avant de toucher aux paramètres, prenez une décision : comment les clients vont-ils payer et s'inscrire ? Cela affecte la perception du reste du parcours.

- **Mode géré.** Vous créez chaque sous-compte vous-même depuis la page **Sous-comptes**. Vous facturez le client en dehors de la plateforme (virement bancaire, votre outil de comptabilité, ce que vous utilisez déjà). Le client ne voit jamais de page de tarification. Idéal pour les configurations « clé en main », les pays non desservis par Stripe ou les agences ayant déjà un système de facturation.
- **Mode revendeur.** Les clients s'inscrivent eux-mêmes via un lien de paiement, configuré en **Mode SaaS**. Ils paient via votre compte Stripe connecté avec votre marge appliquée automatiquement. Idéal pour le libre-service à grande échelle et les forfaits packagés.

Vous n'avez pas à vous engager pour toujours — mais basculer un sous-compte individuel entre les modes plus tard nécessite une intervention manuelle. Choisissez le modèle qui convient à la *plupart* de vos clients. Analyse complète : [Gestion des sous-comptes clients](sub-accounts.md).

***

## Étape 2 — Choisissez votre domaine personnalisé (≈ 2 min)

Décidez de l'adresse web exacte que vos clients utiliseront pour se connecter. Quelques règles empiriques :

- **Un sous-domaine est plus simple.** `app.youragency.com` est la norme. Gardez `youragency.com` pour votre site marketing — il s'agit d'un seul enregistrement DNS, contre deux (et plus fragile si vous changez de fournisseur DNS) pour un domaine nu/apex.
- **Restez court et évident.** `app.`, `platform.`, `dash.` ou `clients.` fonctionnent tous. Évitez les noms originaux que les clients doivent mémoriser.
- **Vous pouvez gérer jusqu'à trois marques blanches.** La plupart des agences n'en ont besoin que d'une, mais vous pouvez ajouter jusqu'à **trois** domaines sur le même compte d'agence, chacun avec son propre domaine, sa propre image de marque et ses propres envois d'e-mails — une seconde marque pour un marché différent, ou un domaine « Lead Finder » pour vos clients. Les domaines supplémentaires au-delà du premier sont inclus dans le [Champions Circle](../billing/champions-circle.md). Ce guide de démarrage rapide configure votre premier domaine ; consultez [Jusqu'à trois marques blanches](white-labeling.md#up-to-three-white-labels) pour en ajouter d'autres.

Notez le domaine choisi — vous le collerez à l'étape suivante.

***

## Étape 3 — Ajouter le domaine dans votre tableau de bord (≈ 2 min)

1. Dans la barre latérale principale, cliquez sur **Paramètres** (près du bas, sous Sous-comptes).
2. Dans le menu Paramètres, faites défiler jusqu'au groupe **Avancé** et cliquez sur **Personnalisation de la marque**.
3. Faites défiler jusqu'à la carte **Domaine personnalisé**.
4. Dans le champ **Domaine de l'application**, saisissez le domaine que vous avez choisi à l'étape 2 (par exemple `app.youragency.com`). N'incluez pas `https://` ou de barre oblique finale — juste le domaine lui-même.
5. Cliquez sur **Enregistrer**.

Une fois enregistré, la carte affiche l'enregistrement CNAME que vous devez ajouter chez votre registraire — votre domaine à gauche, `tenants.youraiconnector.com` à droite.

::: master-only
<figure><img src="../.gitbook/assets/v2-whitelabel-domains.png" alt="La carte Domaine personnalisé dans la v2, montrant le champ Domaine de l'application et les instructions CNAME vers tenants.youraiconnector.com"><figcaption><p>La carte Domaine personnalisé après enregistrement : votre domaine, la cible CNAME à copier, et les domaines app/API/docs une fois vérifiés.</p></figcaption></figure>
:::

**Laissez cet onglet ouvert** — vous allez copier cette valeur chez votre registraire.

***

## Étape 4 — Ajouter l'enregistrement DNS chez votre registraire (≈ 10 min)

Les enregistrements DNS sont le carnet d'adresses d'Internet — ils indiquent aux navigateurs où trouver votre domaine personnalisé. Vous indiquez maintenant au monde entier que `app.youragency.com` doit pointer vers la plateforme.

1. Connectez-vous au site de l'entreprise où vous avez acheté votre domaine (votre « registraire » — GoDaddy, Cloudflare, Namecheap, etc.) dans un **onglet de navigateur séparé**.
2. Trouvez la page des **paramètres DNS** de votre domaine. Elle est parfois appelée « gestion DNS » ou « enregistrements DNS ».
3. Ajoutez un enregistrement **CNAME** :
   - **Hôte / Nom** — pour un sous-domaine comme `app.youragency.com`, il s'agit généralement simplement de `app` chez la plupart des registraires (ils ajoutent le reste automatiquement).
   - **Valeur / Cible / Pointe vers** — `tenants.youraiconnector.com`, exactement comme indiqué sur la carte Domaine personnalisé.
   - Laissez le **TTL** par défaut (ou 3600 / 1 heure si demandé).
4. Cliquez sur le bouton **Enregistrer** de votre registraire.

> **Attention aux conflits.** Si un enregistrement du même type existe déjà pour cet hôte (par exemple, un ancien enregistrement A pointant ailleurs), supprimez-le ou mettez-le à jour d'abord — deux enregistrements en conflit empêcheront la vérification.

> **Vous utilisez Cloudflare ?** Vous pouvez laisser le proxy (le bouton orange à côté de l'enregistrement) activé — la vérification et les certificats fonctionnent dans les deux cas. Un paramètre est toutefois important : allez dans **SSL/TLS → Overview** et assurez-vous que le mode de chiffrement est défini sur **Full (strict)**, et non sur **Flexible**. Avec le mode Flexible, votre domaine refusera de se charger et affichera une erreur « trop de redirections ».

> **Ne visitez PAS encore votre domaine personnalisé.** Visiter avant que la configuration ne soit terminée peut mettre en cache une page cassée dans votre navigateur. Attendez d'avoir confirmé qu'il charge l'écran de connexion à l'étape 5.

Les changements DNS peuvent prendre de quelques minutes à quelques heures pour se propager, bien que la plupart des registraires (surtout Cloudflare et Namecheap) se mettent à jour en moins d'une heure. Si le domaine ne fonctionne toujours pas après une journée, vérifiez l'enregistrement pour détecter d'éventuelles fautes de frappe et enregistrez-le à nouveau.

***

## Étape 5 — Attendez le certificat de sécurité (≈ quelques minutes à une heure, automatique)

Une fois votre CNAME actif, la plateforme le détecte automatiquement, vérifie la propriété et provisionne un certificat de sécurité (SSL) pour votre domaine — c'est ce qui vous donne l'icône de cadenas dans le navigateur et le préfixe `https://`.

- Vous n'avez rien à acheter ni à installer. Le certificat est créé et renouvelé pour vous indéfiniment.
- Cela prend généralement entre 5 et 30 minutes après la mise en ligne de l'enregistrement DNS.

Une fois prêt, ouvrez votre domaine personnalisé dans un nouvel onglet de navigateur. Vous devriez voir l'écran de connexion de la plateforme, servi via HTTPS, à votre propre adresse web. La partie technique est terminée.

::: master-only
<figure><img src="../.gitbook/assets/tenant-login.png" alt="Une page de connexion en marque blanche sur un domaine personnalisé, affichant le nom et le logo de l'agence sans aucune marque de la plateforme"><figcaption><p>Ce que vos clients voient : la page de connexion sur votre propre domaine, avec votre nom et votre logo — aucune trace de nous.</p></figcaption></figure>
:::

> **Téléchargez votre logo avant de partager le lien.** Tant qu'un logo n'est pas téléchargé lors de l'étape de personnalisation ci-dessous, la page de connexion affiche une erreur d'image manquante à l'emplacement du logo. Terminez l'étape 6 avant de montrer le domaine à qui que ce soit.

***

## Étape 6 — Personnalisez la plateforme (≈ 15 min)

Le domaine est actif, mais la plateforme affiche toujours un nom d'espace réservé neutre (« DM Champ ») et notre icône. Il est temps de corriger cela. Tout ce qui suit se trouve sur le même panneau **Paramètres → Avancé → Marque blanche**, dans les cartes situées au-dessus de la carte Domaine personnalisé.

### 6a. Marque

Dans la carte **Marque**, remplissez :

- **Nom de l'application** — le nom de marque affiché dans toute l'application, dans chaque e-mail et sur le raccourci de l'écran d'accueil. Requis : tant qu'il n'est pas défini, il est indiqué « DM Champ » à la place.
- **Nom de l'entreprise** — votre nom légal/nom d'entreprise, utilisé dans les pieds de page et les e-mails.
- **E-mail du support** — l'adresse vers laquelle « Contacter le support » est redirigé et l'adresse de réponse des e-mails système.
- **URL des conditions d'utilisation** et **URL de la politique de confidentialité** — vos propres pages légales. La page d'inscription sur votre domaine y renvoie ; laissez-les vides pour n'afficher aucun lien (jamais le nôtre).
- **Titre SEO** et **Description SEO** — ce qui s'affiche dans les onglets du navigateur et les résultats de recherche.

Cliquez sur **Enregistrer** sur la carte Marque.

::: master-only
<figure><img src="../.gitbook/assets/v2-whitelabel-settings.png" alt="La carte Marque sur le panneau des paramètres de marque blanche, avec les champs Nom de l'application, Nom de l'entreprise, E-mail du support, URL des conditions d'utilisation, URL de la politique de confidentialité, Titre SEO et Description SEO, ainsi qu'un bouton Enregistrer dans l'en-tête de la carte"><figcaption><p>La carte Marque — Nom de l'application, Nom de l'entreprise, E-mail du support, URL des conditions d'utilisation, URL de la politique de confidentialité, Titre SEO et Description SEO, le tout en un seul enregistrement.</p></figcaption></figure>
:::

### 6b. Logo et favicon

Dans la carte **Logo et Favicon**, cliquez sur **Télécharger** sous **Logo** et choisissez votre logo horizontal (PNG/WebP/SVG, jusqu'à 5 Mo). Faites de même pour le **Favicon** (carré, 256×256 fonctionne bien). Ces éléments sont enregistrés immédiatement lors du téléchargement — il n'y a pas de bouton Enregistrer séparé.

::: master-only
<figure><img src="../.gitbook/assets/v2-whitelabel-logo-favicon.png" alt="La carte Logo et favicon, montrant quatre emplacements de téléchargement — Logo, Logo (mode sombre), Favicon, Icône d'application (carré) — et un curseur de taille de logo en dessous réglé sur 48 px"><figcaption><p>La carte Logo &amp; Favicon — quatre emplacements (Logo, logo en mode sombre, Favicon, Icône d'application). Chaque bouton de téléchargement enregistre instantanément dès que vous sélectionnez un fichier. La taille du logo en dessous définit la taille de rendu de votre logo ; ce paramètre nécessite un enregistrement.</p></figcaption></figure>
:::

### 6c. Couleurs

Dans la carte **Couleurs**, cliquez sur le carré **Couleur principale** et définissez la couleur principale de votre marque (par défaut le vert WhatsApp, `#25D366`), puis faites de même pour la **Couleur d'accentuation**. Cliquez sur **Enregistrer**.

::: master-only
<figure><img src="../.gitbook/assets/v2-whitelabel-colours.png" alt="La carte Couleurs dans la v2, montrant les échantillons de couleur primaire, couleur d'accentuation, succès et danger, ainsi que six palettes prédéfinies"><figcaption><p>La carte Couleurs — Primaire et Accentuation sont les deux que vous utiliserez aujourd'hui ; Succès, Danger et les palettes prédéfinies sont des raccourcis optionnels.</p></figcaption></figure>
:::

### 6d. Ajustements ultérieurs (facultatif)

Les polices, la densité et un arrière-plan de connexion personnalisé se trouvent plus bas sur le même panneau — ils ne sont pas requis pour une marque blanche fonctionnelle, donc n'hésitez pas à les ignorer aujourd'hui et à y revenir plus tard. Référence complète : [Marque blanche et domaines personnalisés](white-labeling.md).

Après avoir enregistré, effectuez un rafraîchissement forcé de votre domaine personnalisé (Ctrl+Shift+R sur Windows, Cmd+Shift+R sur Mac) et confirmez que l'onglet du navigateur affiche désormais votre nom et votre icône, et que les boutons utilisent votre couleur principale.

***

## Étape 7 — Créer un sous-compte de test et se connecter en tant que tel (≈ 10 min)

Vous n'avez pas terminé tant qu'une expérience client réelle ne fonctionne pas de bout en bout. Créez un sous-compte pour vous-même (utilisez un e-mail personnel que vous pouvez consulter) et confirmez que le parcours semble correct.

1. Dans la barre latérale principale, cliquez sur **Sous-comptes** (sa propre page, juste au-dessus des Paramètres).

::: master-only
<figure><img src="../.gitbook/assets/v2-sub-accounts.png" alt="La page des sous-comptes dans la v2, montrant les tuiles de statistiques, la barre de recherche et le bouton Ajouter un compte"><figcaption><p>La page des sous-comptes — c'est ici que vous créerez le compte de test et, plus tard, chaque client réel.</p></figcaption></figure>
:::

2. Cliquez sur le bouton vert **Ajouter un compte**, en haut à droite.
3. Remplissez vos détails de test via la fenêtre modale en 3 étapes :
   - **Compte** — votre prénom, nom de famille et une adresse e-mail personnelle que vous pouvez consulter.
   - **Entreprise** — un nom d'entreprise (obligatoire) ; le reste peut rester vide pour le test.
   - **Fonctionnalités** — laissez les valeurs par défaut.

::: master-only
<figure><img src="../.gitbook/assets/v2-sub-account-add-modal.png" alt="La fenêtre modale Ajouter un sous-compte à l'étape Compte, montrant la progression en 3 étapes (Compte, Entreprise, Fonctionnalités) avec les champs prénom, nom et e-mail"><figcaption><p>La fenêtre modale Ajouter un compte, étape 1 sur 3. L'e-mail que vous saisissez ici devient l'identifiant du client de test.</p></figcaption></figure>
:::

4. Cliquez sur **Créer un compte**.
5. Un écran de confirmation affiche le **mot de passe généré**. **Copiez-le maintenant** — vous ne pourrez plus le voir. Le client le reçoit également par e-mail.
6. Ouvrez l'e-mail — **vérifiez qu'il affiche votre Nom d'application (Étape 6a) comme marque de l'expéditeur, et non la nôtre**. S'il affiche toujours notre nom, votre image de marque n'a pas encore été propagée — attendez 1 minute et vérifiez à nouveau.
7. Déconnectez-vous de votre compte d'agence (menu utilisateur en haut à droite → Déconnexion).
8. Ouvrez votre domaine personnalisé dans une **fenêtre de navigation privée** et connectez-vous avec l'e-mail du sous-compte de test et le mot de passe copié.
9. Parcourez les 30 premières secondes de l'expérience du sous-compte :
   - La page de connexion affiche-t-elle votre nom de marque et votre logo ?
   - Le tableau de bord utilise-t-il votre couleur primaire ?
   - Les titres des pages (onglet du navigateur) utilisent-ils votre Nom d'application ?
   - Si vous avez désactivé "Afficher le menu d'aide", confirmez qu'il n'y a pas d'entrée Aide dans la barre latérale.
   - Les liens Conditions / Confidentialité (si vous les avez ajoutés) renvoient-ils vers vos URL ?

Si quelque chose affiche toujours le mauvais nom ou la mauvaise couleur, revenez à l'étape 6 et corrigez-le. Guide complet pour le flux de sous-compte : [Gestion des sous-comptes](sub-accounts.md).

***

## Et maintenant ?

Vous disposez d'une marque blanche fonctionnelle, en direct et personnalisée. Le reste est une question d'échelle et de raffinement :

- **Définissez vos tarifs de revente.** Si vous avez choisi la revente à l'étape 1, configurez votre majoration de crédit et la tarification des plans dans [Comptes d'agence](agency-accounts.md#credit-reselling-aka-saas-mode) avant d'envoyer le lien de paiement aux vrais clients. Chaque plan peut être facturé **mensuellement, annuellement ou toutes les N semaines** et peut commencer par un **essai gratuit** — les deux sont définis sur le plan lui-même à l'étape [Étape 3 — Configurer les niveaux de tarification](agency-accounts.md#step-3--set-up-pricing-tiers).
- **Configurez la recharge automatique pour les clients.** La [Recharge automatique des sous-comptes](sub-account-auto-recharge.md) évite aux clients de manquer de crédits à 2h du matin.
- **Personnalisez l'expéditeur des e-mails.** Par défaut, les e-mails transactionnels proviennent de notre domaine. Connectez votre propre domaine d'envoi sur la page [Fournisseur d'e-mails personnalisé](../settings/email-provider.md) afin que les e-mails des clients proviennent de `noreply@youragency.com` à la place. Il existe une option Mailgun et une option SMTP (Postmark, SES, EmailIt, auto-hébergé).
- **Intégrez votre premier vrai client.** La [Gestion des sous-comptes](sub-accounts.md) couvre la gestion quotidienne des clients — allocation de crédits, connexion en tant que client, blocage et déblocage, etc.

Si un élément de ce guide n'a pas fonctionné comme prévu, la page [Marque blanche et domaines personnalisés](white-labeling.md) contient la section complète de dépannage.

***

## Vendre le produit : ce que nous fournissons et ce qui vous appartient

Les revendeurs nous demandent du matériel de vente, des études de cas, des conseils tarifaires et des modèles juridiques. Voici la répartition honnête.

**Ce qui existe aujourd'hui :**

- **Études de cas et guides pratiques** que vous pouvez utiliser dans vos propres présentations, publiés sur [dmchamp.com/resources](https://dmchamp.com/resources/) — y compris le [guide pratique pour atteindre 10 000 $ de MRR en agence](https://dmchamp.com/resources/agency-10k-mrr-playbook/). Ce sont des pages publiques, vous pouvez donc envoyer le lien à un prospect ou intégrer les chiffres dans votre propre présentation.
- **Une démo que vous pouvez présenter à un prospect** sans toucher à votre propre compte : le **lien de démo client** du widget de chat place votre widget sur *leur* site web. Voir [Afficher le widget sur le site web de quelqu'un d'autre](../get-started/chat-widget.md#show-the-widget-on-someone-elses-website).
- **[Snapshots](snapshots.md)** — une configuration client terminée que vous pouvez appliquer à chaque nouveau sous-compte, afin que votre deuxième client ne prenne que quelques minutes au lieu de quelques heures. C'est ce qui se rapproche le plus d'une offre packagée que la plateforme vous propose.
- **Les outils de tarification eux-mêmes** — vos propres plans, vos propres prix, votre propre paiement, en [Mode SaaS](agency-accounts.md#credit-reselling-aka-saas-mode).

**Ce que nous ne fournissons pas :**

- Présentations commerciales ou brochures prêtes à l'emploi. L'adhésion au [Champions Circle](../billing/champions-circle.md) inclut des modèles de sites web d'agence prêts à l'emploi, des instantanés d'agent et les analyses mensuelles, et c'est tout ce que nous fournissons en matière de kit de vente.
- Modèles juridiques : aucun modèle de MSA, de SLA ou de contrat client. Vous êtes la partie contractante avec vos clients, ces documents doivent donc être les vôtres et être examinés par votre propre avocat.
- Prix de vente conseillés pour votre marché. La valeur d'un client à Milan n'est pas la même qu'à Manille, et un chiffre de notre part ne serait qu'une estimation concernant votre marché.

**Une règle qui s'applique à votre tarification :** vos Conditions d'utilisation vous engagent à ne pas proposer des prix inférieurs à ceux de la plateforme. Fixer des prix supérieurs, les regrouper avec vos services ou les intégrer dans un forfait mensuel est tout à fait acceptable et c'est ce que font la plupart des agences.

Si vous préférez recommander des clients plutôt que de gérer votre propre plateforme, il existe également le [programme d'affiliation](../billing/affiliate-program.md) : 40 % de commission récurrente sur chaque paiement d'abonnement.

Bienvenue dans la gestion de votre propre plateforme.
