Le marquage personnalisé vous permet de vous approprier l'ensemble de la plateforme en la personnalisant avec votre logo et vos couleurs afin que vos clients voient votre marque partout.
Cette fonctionnalité est disponible avec les forfaits White Label et supérieurs.
Pour en savoir plus, rendez-vous sur Marquage personnalisé sur Université Duda.
Configurez le marquage personnalisé
- Connectez-vous à votre compte pour accéder au Tableau de bord.
- Dans l'onglet Marque blanche, cliquez sur Marquage personnalisé.
Logo
Dans le panneau latéral, cliquez sur + Logo pour sélectionner un fichier à importer pour votre logo. La résolution maximale de ce logo est de 43x227 px (hauteur x largeur). Pour supprimer le logo, cliquez sur Supprimer ou sur Remplacer pour en importer un autre.
Le logo s'affiche sur la page de connexion, le tableau de bord, l'éditeur et les pages d'aperçu.
Favicon
Dans le panneau latéral, cliquez sur Remplacer pour importer une favicon. Pour revenir à l'image par défaut, cliquez sur Rétablir la valeur par défaut.
Pour de meilleurs résultats, importez un fichier .png .jpeg, ou .ico de 16 × 16 ou 32 × 32 px.
Choisissez vos couleurs
Vous pouvez modifier les couleurs de certains éléments de la plateforme de votre client par défaut. La modification des couleurs met à jour de manière dynamique les aperçus de l'éditeur, de la page de connexion, de la présentation du site, du site et de la liste des sites. Vous pouvez personnaliser quatre couleurs :
Barre supérieure : la couleur de la barre supérieure de votre client sur la plateforme. Nous vous recommandons d'utiliser une couleur bien visible, mais gardez à l'esprit qu'il s'agit d'une barre d'outils, alors optez pour une couleur qui n'aveuglera pas vos utilisateurs lorsqu'ils recherchent les icônes et outils dont ils ont besoin dans leur tableau de bord ou éditeur.
Principale : la couleur d'arrière-plan de votre bouton d'appel à l'action principal sur la plateforme ainsi que d'autres éléments importants.
Texte sur couleur principale : la couleur du texte qui apparait sur tous les éléments personnalisés afin qu'ils soient assortis à votre couleur Primaire. Assurez-vous que le contraste entre vos couleurs Primaire et Texte sur couleur principale soit suffisamment élevé.
Secondaire : la couleur des autres éléments cliquables qui ne constituent pas nécessairement l'action principale à l'écran. La couleur secondaire est utilisée pour les éléments sur fond blanc. Utilisez une couleur qui a un bon contraste avec un fond blanc.
Une fois les modifications apportées, cliquez sur Enregistrer les modifications.
Prévisualisez vos modifications
Pour prévisualiser vos paramètres de marquage personnalisé, la page Marquage personnalisé vous offre un aperçu des écrans suivants avec vos modifications. Pour visualiser une page spécifique, cliquez sur la page ou sélectionnez la page dans la liste déroulante.
| Login (Connexion) | Là où vos clients s'identifient pour accéder à leur tableau de bord. |
| Tableau de bord des sites | Là où vos clients peuvent voir leurs sites et leurs statistiques. |
| Présentation du site | Là où vos clients peuvent voir leurs sites et leurs statistiques. |
| Éditeur | Là où vos clients modifient leurs sites. |
| Aperçu du site | Le lien de prévisualisation que vous envoyez à vos clients. |
HTML et CSS personnalisés
Cette fonctionnalité est disponible uniquement avec les forfaits personnalisés. Pour en savoir plus, consultez la page Forfaits.
Pour ajouter votre propre marquage personnalisé à l'aide de code HTML ou CSS, dans le panneau latéral, cliquez sur HTML/CSS. Après avoir ajouté le code, cliquez sur Terminé. Une fois toutes les modifications de marquage personnalisé effectuées, cliquez sur Enregistrer les modifications.
Pour en savoir plus sur le marquage personnalisé à l'aide du code HTML, consultez l'article Ajouter du code HTML et CSS pour le marquage personnalisé.
Notre équipe d'assistance ne peut pas résoudre les problèmes liés au code CSS ou HTML personnalisé.