Marquer votre compte en marque blanche

book reader icon
3 Minutes
facebook logo gray
linkedin logo gray
mail logo gray

L'utilisation de votre propre domaine est probablement la principale raison pour laquelle une entreprise opte pour un compte en marque blanche. Cependant, il y a beaucoup plus de fonctionnalités puissantes offertes dans ce plan.

Comment marquer votre compte en marque blanche

1. Allez dans la section "Branding" de votre compte en marque blanche

Tout d'abord, rendez-vous dans la section Branding de votre compte White Label où tous ces paramètres peuvent être gérés. Vous pouvez commencer par donner votre propre nom à la plateforme.

Branding

Nom de marque blanche

Définir le nom de la marque blanche
Section Branding avec saisie du nom de la marque blanche

2. Définissez l'aspect et la convivialité de votre compte à l'aide de CSS et de JS

Ajoutez votre logo, votre favicon et utilisez vos propres couleurs.

Branding

Couleurs

Entrée pour les couleurs personnalisées

3. Définir les couleurs des cartes de portefeuille (Wallet Pass)

Vous pouvez modifier l'apparence de votre portefeuille, notamment en ce qui concerne la police de caractères et la couleur d'arrière-plan.

Branding

Couleurs du Wallet Pass

Entrée pour les couleurs personnalisées du Wallet Pass

Après avoir cliqué sur le bouton de changement de couleur, une fenêtre contextuelle apparaît. Veuillez décider si vous souhaitezappliquer les changements de couleur aux cartes de crédit qui seront générées à partir de maintenant ou si vous souhaitez également remplacer les couleurs de toutes les cartes de crédit existantes. Veuillez noter qu'après avoir appuyé sur le bouton Enregistrer, les changements prennent effet immédiatement et ne peuvent pas être annulés.

Portefeuille Pass Colors Popup
Portefeuille Pass Colors Popup

4. Utilisez votre propre sous-domaine de production

Vous pouvez changer le sous-domaine de votre compte White Label pour votre propre domaine, par exemple qr.votre-domaine-entreprise.fr. En savoir plus sur la configuration de votre propre domaine.

Branding

Domaine de production

Définir le domaine de production
Entrée pour domaine personnalisé

5. Utilisez votre propre sous-domaine pour les utilisateurs supplémentaires du compte White Label optionnel

Les utilisateurs supplémentaires de vos comptes en marque blanche peuvent également utiliser leur propre sous-domaine. Cela peut être utile pour les agences qui créent des comptes utilisateurs pour leurs clients qui doivent fonctionner sous leur propre domaine.

User Sara

Domaine de production

Définir le domaine utilisateur
Configuration du sous-domaine de production de l'utilisateur

6. Utilisez votre propre domaine pour l'URL courte du code QR facultatif

Utilisez un domaine différent ou plus court à la place de votre domaine de production pour créer des codes QR plus simples et plus faciles à lire, par exemple qr.vc. En savoir plus sur la configuration d'un domaine racine.

Branding

Domaine court personnalisé

Définir un domaine court personnalisé
Entrée pour domaine personnalisé court

7. Utilisez votre propre domaine pour les notifications par e-mail (facultatif)

Vous pouvez également utiliser votre domaine pour envoyer les notifications par courrier électronique pour les scans, les formulaires de prospects, les bons, etc. Ceci ne s'applique qu'au domaine principal du compte, les utilisateurs supplémentaires utiliseront le même domaine que l'administrateur.

Branding

Domaine de messagerie personnalisé

Définir un domaine de messagerie personnalisé
Entrée pour domaine de messagerie personnalisé

8. Paramètres régionaux - Langues personnalisées

Marquez votre plateforme avec votre propre langue personnalisée en plus de la langue de base sélectionnée. Traduisez des blocs de texte spécifiques dans vos langues régionales et attribuez à un utilisateur les packs de langues personnalisés que vous avez créés.

Branding

Pack linguistique personnalisé

Entrée pour pack linguistique personnalisé

CSS Hacks

Marquez votre instance White Label avec votre propre code CSS ou JS qui sera injecté dans la balise <head> de toutes les pages de votre compte White Label. Vous pouvez inclure votre propre widget de chat et bien plus encore.

Couleurs

Utiliser une couleur personnalisée.

body{background-color: #cde;}

Polices de caractères

Utilisez une police personnalisée à partir de Google Fonts.

@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro';
body{font-family: 'Source Sans Pro', sans-serif;}

Icônes

Remplacer l'icône de l'utilisateur dans le menu par une image base64 personnalisée.

.admin-user{background-image:url'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAsTAAALEwEAmpwYAAABvFBMVEUAAACt1q2m17Cn26+q1LKs1ays2ayr1rGp2K+p1q6q2bCfyqap2LCp16+p2K+q2LCp17Co2LCp2K+p16+o2K6q2LCo16+q17Co2K+p17Co1q6q2LCq2K6o2LCq1rCo2K6o2LCq2K6n2K2o2K6q2LCo2K6o1rCq1rCbu6GgzKWm1Kyo1q5gnL5jpMdjpsxkp81lqtFmqcxnpcJnp8Vnp8tnqs5nq85nrdRnrdVoq89orNJpq8trnLRsqb5tq8VtrMVvqchxrb9yp69yrLx2o7V2q654q8N5qqR5r8h5sMt6sbZ7q6R9qr19tbqBsqeCo4eFtKSGr5iIt8qIuauJssKJvrWNtJKPt8WRuJaSwaqXv5yYtZ+Yw6GYw6WZwZ6bxaCbxaGcv6KdyKOexaKfvKWfyqWhzaeiz6yjzKmj0Kqj0Kyj0a6k0Kqlw76l0aqm06ynza6n0ayn1K2n1a2o1a6o1q+p1q+p16+q2LCtyLWuzrSuzrWvyLez0Luz0bu407+508C71sS+2NXB29jD2MvD2svF3c3G39vH3tjH39vJ39LK4tzO5NjQ5d7X6+DX7OPY7OPZ7ePb7+Xc8Oa65Fc8AAAALHRSTlMAGRodHh8iUldZXnBxdHd4e5+kp6ustLW6vN7f5ebw8vP09fX6+/z9/v7+/pMxHZMAAAFbSURBVBgZBcFNThNhAADQ932dtsOktKVpKYaEjTvxECYkGhduMC64AuE4nsGYKGHpwjO4MjEuXCDqYkr5U/o3M0x9LwBa2UbStqwW8xIIoNUbvawaScTZ9K6CANnO6/NJGQZ7m/A+XyCge7z+eg2tp13w9p5IduziGsKw0VxWOElJtB4xhfRFh+3pTcb490PUfcMDFgcdGG6WHPXE1hgbGPeB3l8MGzF7ha2SLqBd4DCLG7C7V1gCygBZTCDsjFbnBXDVgiS24eb7XTv59AB3f/qQRih+LEgnH2fk30YR6mSJnzPYfZYxbt6CVayoJtB/nsFgdA9VXJAXqA4SYHNQYh7nZ/4FPE4B+jNO50k5Vddry30AzUGRTOuG8mK/09/qPgkAivsPl+tElW8jDwA0P+e1gM4Jl2EB4MuvGQHS8REA3uUrBNDoDQ8Bp9PbNQRAI8uStF5V83kN/Afai3sy4mNhxAAAAABJRU5ErkJggg=='}

Si vous souhaitez remplacer le CSS souligné, vous devrez peut-être utiliser le mot-clé !important, par exemple.

body{background-color: #cde !important;}

Logos

Je souhaite remplacer le logo sur le compte d'un de mes utilisateurs.

Avec domaine personnalisé

Si votre utilisateur dispose de son propre sous-domaine, il vous suffit de télécharger votre logo dans la section médias du compte de votre client et d'ajouter ce fragment à votre section de marque.

Veuillez noter que pour les utilisateurs qui n'ont pas de domaine personnalisé, il n'est pas possible de personnaliser le logo de la page de connexion.

body[domain="my-subdomain-com"] .branding-logo a img {
    content: urlhttps://my.subdomain.com/l/media?xxxxxxxxxx&fullsize=1;
}

Sans domaine personnalisé

Si votre utilisateur ne dispose pas de son propre sous-domaine, il vous suffit de télécharger votre logo dans la section médias du compte de votre client et d'ajouter ce fragment à votre section de marque.

body[domain="username"] .branding-logo a img {
    content: urlhttps://your.subdomain.com/l/media?xxxxxxxxxx&fullsize=1;
}

D'autres ressources CSS sont disponibles sur le site W3 Schools ou dans notre guide CSS & HTML.

Last update 23 hours ago