Configurer le branding du Client Portal
Comment configurer le branding de la Client App ?
Ouvrez Settings (la roue dentée en haut à droite), choisissez White label, et ouvrez la carte Branding, la troisième sur sept. Elle définit l'App name, le Logo, le Favicon et la Primary color utilisés par le portail de chacun de vos clients. Un Preview en direct à droite montre l'interface du portail avec le titre d'onglet, le favicon, le logo et la couleur au fur et à mesure de vos modifications. Use my branding y copie le logo et la couleur de votre propre agence, et Save applique l'image de marque à tous les portails clients.
Points clés
| Où la trouver | Settings → White label → Branding |
| Ce que vous définissez | App name (le titre de l'onglet du navigateur, jusqu'à 60 caractères), Logo, Favicon, Primary color |
| Où cela s'affiche | Dans chaque portail client, et dans les e-mails envoyés par le portail |
| Non concerné | Votre propre tableau de bord Synup. La note en bas de la page le précise |
| Point de départ | Use my branding copie le logo, le favicon et la couleur de votre agence dans l'éditeur. Il n'enregistre pas |
| Prérequis | Une offre qui inclut le white label. Les offres qui ne l'incluent pas affichent un message de mise à niveau |
| Qui peut l'ouvrir | Toute personne pouvant ouvrir Settings sur une offre qui inclut le white label. La page ne vérifie pas le rôle de propriétaire ou d'administrateur |
Étapes
Ouvrez Settings → White label et ouvrez la carte Branding.
Choisissez un point de départ. Sélectionnez Use my branding en haut à droite de l'éditeur pour copier le logo, le favicon et la couleur de votre agence. Un message indique Pulled in your branding. Save to apply it. Vous pouvez aussi ajouter chaque élément vous-même ci-dessous.
Type un App name si vous souhaitez un titre d'onglet différent de celui par défaut. C'est le titre exact de l'onglet du navigateur de chaque portail client. Laissez vide pour utiliser la valeur par défaut.
Ajoutez un Logo et un Favicon. Déposez un fichier dans la zone ou sélectionnez Browse. Le logo accepte PNG, JPG, SVG ou WebP, et le favicon un PNG carré ou ICO. Les grandes images sont redimensionnées pour vous ; vous n'avez donc pas besoin de préparer des tailles de fichier exactes. Seuls les fichiers qui ne sont pas des images, ou qui ne peuvent pas être lus, sont refusés. Replace remplace un fichier et la croix le supprime.
Sous Primary color, sélectionnez l'échantillon pour choisir n'importe quelle couleur, choisissez l'un des échantillons suggérés ou saisissez un code hexadécimal tel que
#7C3AED. Elle colore les boutons, les liens et l'élément actif de la navigation du portail.Vérifiez le Preview. L'onglet affiche le nom de votre application et votre favicon, la navigation affiche votre logo, et Primary action affiche la couleur. Assurez-vous que le logo est net et que la couleur est lisible.
Sélectionnez Save. Il reste désactivé tant que rien n'a changé. Une fois l'enregistrement effectué, la carte affiche Saved, puis Done, et indique Logo and color applied to every client portal and your emails.
Ce que vous verrez une fois terminé
- La carte Branding marquée Done, et la page la comptant parmi les areas live
- L'aperçu affichant le titre de votre onglet, votre favicon, votre logo et votre couleur
- Les portails de vos clients, et les e-mails qu'ils reçoivent du portail, utilisant la nouvelle image de marque
Points d’attention
- Use my branding n'enregistre pas. Il remplit seulement l'éditeur ; sélectionnez Save pour l'appliquer.
- Votre tableau de bord ne change pas. Cette image de marque est destinée aux portails clients et à leurs e-mails. Vos propres écrans Synup conservent l'apparence de Synup, quoi que vous envoyiez ici. Voir image de marque de l'agence.
- Il n'existe pas d'éditeur d'image de marque par client. L'ancien onglet White Label propre à chaque client a disparu. Un client qui avait déjà configuré sa propre image de marque la conserve ; enregistrer ici ne la remplace pas.
- Les autres contrôles du portail se trouvent sur la même page. AI Assistant (son nom et son image), Navigation, Custom script et Help contact sont les autres cartes.
Questions fréquentes
Dois-je préparer une taille d'image particulière ?
Non. Les grandes images sont redimensionnées pour vous. Utilisez un logo net sur fond transparent ou blanc et un favicon carré.
Un client peut-il avoir son propre logo ?
Pas depuis l'application actuellement. Contactez votre interlocuteur Synup si vous en avez besoin.
Les clients voient-ils aussi cela dans leurs e-mails ?
Oui. Les e-mails d'invitation et de notification du portail utilisent la même image de marque.
Sydekick peut-il modifier cela à ma place ?
Non. L'image de marque se définit dans Settings.
Suivant
Pour définir le domaine sur lequel s'ouvre votre portail, voir configurer un domaine personnalisé. Pour savoir à quoi sert le logo de votre agence, voir image de marque de l'agence.