L'image de marque personnalisée vous permet de vous approprier l'ensemble de la plateforme en la personnalisant avec votre logo, votre favicon et vos couleurs afin que les clients puissent voir votre marque partout.
Astuce
Prenez notre Image de marque personnalisée Cours Duda Academy pour apprendre à personnaliser le domaine, les couleurs, etc.
Pour ajouter une image de marque personnalisée :
-
Connectez-vous à votre compte pour accéder auTableau de bord.
-
Sur leMarque blancheonglet, cliquez surImage de marque personnalisée.
-
Dans le panneau latéral, cliquez sur Remplacer pour ajouter une image de logo. La résolution maximale de l'image du logo est de 43 pixels par 227 pixels (hauteur par largeur). Pour supprimer le logo, cliquez surSupprimer.. Le logo s'affiche sur la page de connexion, le tableau de bord, l'éditeur et sur les pages d'aperçu.
-
Dans le panneau latéral, cliquez surRemplacer pour télécharger une image de favicon. Pour revenir à l'image par défaut, cliquezRétablir les paramètres par défaut. Pour de meilleurs résultats, chargez un fichier .png, .jpeg ou .ico de 16 x 16 ou 32 x 32 pixels
-
Dans la section Choisissez vos couleurs, cliquez sur une couleur pour sélectionner une nouvelle couleur ou entrez une valeur hexadécimale. Voici une description de chaque champ :
-
Barre supérieureest la couleur de la barre supérieure de votre client sur la plateforme. Nous vous suggérons d'utiliser une couleur visible, mais n'oubliez pas qu'il s'agit d'une barre d'outils. Choisissez donc une couleur qui ne surchargera pas vos utilisateurs lorsqu'ils rechercheront les icônes ou les outils dont ils ont besoin dans leur tableau de bord ou leur éditeur
-
Primaireest la couleur de fond de votre bouton CTA (appel à l'action) principal sur la plateforme, ainsi que d'autres éléments importants.
-
Texte sur Primaryest la couleur du texte qui apparaît sur tout élément personnalisé pour correspondre à votre réglage de couleur principale. Assurez-vous qu'il existe un fort contraste entre votre couleur principale et le texte sur les couleurs primaires.
-
secondaireest la couleur des éléments supplémentaires généralement cliquables qui ne constituent pas nécessairement l'action principale à l'écran. La couleur secondaire est utilisée pour les éléments affichés sur fond blanc. Utilisez une couleur qui offre un bon contraste avec un fond blanc.
-
-
(Facultatif) Cliquez HTML/CSS pour ajouter un code personnalisé. Pour en savoir plus, consultez Ajoutez du HTML et du CSS personnalisés à l'image de marque blanche.
-
Cliquez Enregistrer les modifications.
Pour ajouter du CSS ou du HTML personnalisé à l'image de marque blanche de votre plateforme :
-
Connectez-vous à votre compte pour accéder auTableau de bord.
-
Dans la barre de navigation supérieure, cliquez surMarque blanche, puis cliquez surImage de marque personnalisée.
-
En dessous Modifier avec HTML/CSS, cliquezHTML/CSS.
-
Sélectionnez l'onglet approprié (HTML ou CSS).
-
Insérez votre code personnalisé dans le champ prévu à cet effet.
Note
-
Du CSS personnalisé peut être ajouté à votre tableau de bord, à votre éditeur, à votre page de réinitialisation du site, à vos écrans de prévisualisation et de connexion en marque blanche.
-
Dans l'onglet CSS, cliquez sur les classes préfixées fournies pour éviter de faire des erreurs.
-
-
CliquezTerminé.
-
Sur l'écran Personnalisation de la marque, cliquez surEnregistrer les modifications.
Pour consulter vos modifications, entrez dans votre compte via votre domaine en marque blanche.
Note
-
Dudane résout pas les problèmes liés au code personnalisé. Nous vous recommandons de consulter un professionnel si vous avez peu ou pas d'expérience dans l'implémentation de code personnalisé.
-
Dudautilise déjà jQuery, il n'est donc pas nécessaire de réimporter la bibliothèque jQuery.
-
Nous vous recommandons de charger les scripts de manière asynchrone, afin de permettre à l'ensemble de l'éditeur de se charger rapidement. Pour en savoir plus, consultez ceguide pour le chargement de scripts.
-
Nous vous recommandons d'attendre la fin de l'événement window.onload avant de charger le code javascript. Cela permet à l'utilisateur de commencer à modifier le site Web et votre code supplémentaire ne retarde pas l'expérience d'édition.