Image de marque des sondages
Personnalisez l'apparence de vos sondages avec votre logo, couleurs de marque, messages de remerciement et CSS personnalise
Personnaliser l'image de marque de vos sondages les fait paraitre comme une extension naturelle de votre entreprise plutot qu'un formulaire generique. Les clients sont plus enclins a completer un sondage qui a l'air professionnel et familier. demeterrr vous donne le controle sur le logo, les couleurs, les messages de remerciement et le style CSS avance aux niveaux de l'organisation et du sondage individuel.
Hierarchie de l'image de marque
Les parametres d'image de marque existent a deux niveaux :
- Niveau organisation (Parametres > Organisation) - Definit le logo et la couleur de marque par defaut pour tous les sondages
- Niveau sondage (Editeur de sondage > Parametres) - Remplace les valeurs par defaut de l'organisation pour un sondage specifique
Quand un sondage a son propre logo ou couleur de marque, ceux-ci ont la priorite. Quand ils sont laisses vides, les valeurs par defaut de l'organisation sont utilisees. Cela signifie que vous pouvez definir votre marque une fois au niveau de l'organisation et ne remplacer que par sondage quand vous avez besoin de quelque chose de different (comme un sondage co-marque avec un partenaire).
Logo
Ajouter votre logo
Telechargez le logo de votre entreprise depuis le panneau de parametres du sondage. Le logo apparait en haut du sondage, au-dessus de la premiere question.
Specifications recommandees :
- Format : PNG ou JPG (PNG avec fond transparent fonctionne mieux)
- Taille : 200-400px de largeur. Le systeme le redimensionnera, mais partir d'une image nette produit de meilleurs resultats.
- Orientation : Les logos horizontaux fonctionnent mieux dans l'en-tete du sondage. Les logos verticaux hauts peuvent prendre trop d'espace vertical.
Logo au niveau de l'organisation
Definissez un logo par defaut dans Parametres > Organisation pour qu'il apparaisse automatiquement sur chaque nouveau sondage. Cela vous evite de telecharger le meme logo a chaque fois.
Couleur de marque
La couleur de marque controle les elements d'accentuation dans le sondage :
- Boutons principaux (Soumettre, Suivant)
- Indicateurs de progression
- Etats selectionnes/actifs sur les controles de formulaire
- Couleurs des liens
Definir la couleur
Entrez un code couleur hexadecimal (ex. : #6366f1) dans le champ de couleur de marque. La valeur par defaut est un violet-indigo (#6366f1) si aucune couleur n'est definie.
Conseils d'accessibilite des couleurs
Votre couleur de marque est utilisee pour les elements interactifs que les clients doivent voir et cliquer. Gardez ces lignes directrices en tete :
- Assurez un contraste suffisant sur fond blanc. Les jaunes clairs, verts pales et autres couleurs pastel peuvent etre difficiles a voir comme fond de bouton.
- Testez sur mobile. Les couleurs peuvent s'afficher differemment sur les ecrans de telephone.
- Evitez le rouge ou le vert pur pour les actions principales. Les utilisateurs daltoniens peuvent ne pas les distinguer du fond.
Page de remerciement
Apres avoir complete le sondage, les clients voient une page de remerciement. Vous pouvez personnaliser le titre et le message.
Titre de remerciement
Par defaut : « Merci! ». Gardez-le court et chaleureux.
Message de remerciement
Par defaut : « Nous apprecions votre retroaction. » Personnalisez-le pour :
- Renforcer le ton de votre marque
- Definir des attentes (« Nous examinerons votre retroaction dans les 48 heures »)
- Inclure un appel a l'action (« Revenez nous voir bientot! »)
- Fournir des informations de contact pour les problemes urgents
Le titre et le message supportent le contenu bilingue (anglais et francais) pour les sondages bilingues.
CSS personnalise
Pour un style avance au-dela du logo et de la couleur, le champ CSS personnalise vous permet d'ecrire du CSS brut qui est injecte dans la page du sondage.
Ce que vous pouvez styler
- Famille de polices et tailles
- Couleurs de fond et degradees
- Espacement et remplissage
- Styles de bordure et coins arrondis
- Apparence des cartes de questions
- Surcharges specifiques au mobile via les media queries
Mises en garde importantes
Le CSS personnalise est puissant mais peut casser votre sondage s'il est utilise sans precaution :
- Ne cachez pas les champs obligatoires ou les messages de validation. Si un client ne peut pas voir un message d'erreur, il pensera que le formulaire est casse.
- Ne surchargez pas le positionnement ou les proprietes d'affichage des boutons. Le bouton Soumettre doit rester visible et cliquable.
- Testez minutieusement apres chaque changement CSS. Utilisez le mode Apercu et verifiez les vues bureau et mobile.
- Gardez le CSS minimal. Plus vous ajoutez de styles personnalises, plus ils risquent de confliter avec les futures mises a jour de la plateforme.
Consultez CSS personnalise pour un guide detaille avec plus d'exemples.
Liste de verification de l'image de marque
Avant de lancer un sondage avec image de marque, verifiez :
- Le logo s'affiche clairement en haut du sondage (pas etire ou pixelise)
- La couleur de marque fournit un contraste suffisant sur les boutons et elements interactifs
- Le titre et le message de remerciement sont personnalises et verifies
- Les traductions francaises sont definies pour les sondages bilingues
- Le CSS personnalise (si utilise) ne cache pas les controles de formulaire ou messages d'erreur
- Le sondage s'affiche correctement sur les appareils mobiles
- Un envoi test a ete complete pour verifier l'experience complete
Prochaines etapes
Pour toutes les options de configuration de sondage au-dela de l'image de marque, consultez Parametres du sondage.
Pour des techniques avancees de personnalisation CSS, consultez CSS personnalise.
Pour verifier votre image de marque avant l'envoi, consultez Apercu du sondage.
// Articles connexes
Parametres et image de marque du sondage
Personnalisez l'apparence du sondage, l'image de marque, les messages et les options de configuration
CSS personnalise pour les sondages
Ajoutez un style personnalise a vos pages de sondage public avec CSS
Previsualiser votre sondage
Comment previsualiser votre sondage avant de l'envoyer aux clients
Paramètres de l'organisation
Configurez le profil principal de l'organisation et les paramètres par défaut de fonctionnement
Cet articlé vous a-t-il été utile?
Dites-nous si cet articlé vous a été utile ou si vous avez besoin de plus d'informations.
Rejoignez des centaines d'entreprises qui utilisent déjà demeterrr pour collecter des commentaires, obtenir plus d'avis et croître plus rapidement.
Commencer l'essai