Qomon Brand Kit
Le Brand Kit vous permet de créer une expérience cohérente sur vos pages publiques avec vos couleurs, votre logo et votre identité visuelle. Votre marque est appliquée automatiquement à chaque pétition, formulaire en ligne, événement et à votre Action Hub. Les personnes qui vous soutiennent retrouvent ainsi la même identité, à chaque étape.
Votre organisation dispose également de sa propre adresse publique ("votre-organisation.qomon.org"), où se trouvent toutes vos pages publiques. Elle est créée automatiquement, prête à être copiée et partagée.
⚙️ Où trouver le Brand Kit
Rendez-vous dans Paramètres > Général > Brand Kit. Les modifications sont appliquées dès que vous enregistrez, il n’y a donc rien d’autre à publier ou à mettre à jour.
Le menu de gauche vous permet d’accéder à chaque section : Identité de la marque, Action Hub, Organisation vérifiée, Code personnalisé et Zone sensible.
Vos modifications sont appliquées dès que vous cliquez sur Sauvegarder, en haut à droite. Il n’y a rien d’autre à publier ou à mettre à jour.
Selon votre forfait, vous n’aurez peut-être pas accès à toutes les options de personnalisation.
🧑🎨 Personnaliser votre Brand Kit
👀 Aperçu du thème
À droite de chaque section du Brand Kit, l’Aperçu du thème vous montre comment vos pages apparaîtront aux personnes qui vous soutiennent. Il se met à jour au fil de vos modifications, pour que vous puissiez vérifier le résultat avant de sauvegarder.
Sous l’aperçu, le score d’Accessibilité des couleurs (sur 100) indique si vos couleurs sont faciles à lire. Si votre score est faible ou « Moyen », choisissez une couleur principale et une couleur de fond plus contrastées, pour que tout le monde puisse lire vos pages confortablement.
🪪 Nom, avatar et URL publique
En haut de la section Identité de la marque, vous retrouvez le nom et l’avatar de votre organisation. Ils apparaissent dans votre espace Qomon, dans l’application mobile et sur votre Action Hub.
Cliquez sur Modifier le nom et l’avatar pour les mettre à jour.
Juste en dessous, l’URL publique affiche l’adresse publique de votre organisation (par exemple "votre-organisation.qomon.org").
Toutes vos pages publiques utilisent cette URL. Depuis cet encart, vous pouvez :
vérifier que votre Action Hub est en ligne (statut Action Hub activé) ;
cliquer sur l’icône ✏️ pour modifier votre sous-domaine ;
cliquer sur Copier pour copier le lien et le partager ;
cliquer sur Ouverture pour voir votre Action Hub tel que les personnes qui vous soutiennent le voient.
🎨 Identité de marque
Votre identité de marque est appliquée par défaut à toutes vos pages publiques et à votre Action Hub. Vous pouvez définir :
Thème : saisissez votre couleur principale (utilisée pour les boutons et les éléments mis en avant) et votre couleur de fond en code hexadécimal (par exemple
#2BD329), ou choisissez-les dans le sélecteur de couleurs.Style de titre : choisissez la police utilisée pour les titres de toutes vos pages et de votre Action Hub.
Style d’interface : choisissez la forme des boutons, des cartes et des champs :
Carré : structuré et éditorial
Arrondi : équilibré et moderne
Bulle : amical et expressif
Style de modèle : choisissez l’affichage des cartes d’événements :
Classique : une liste épurée et lisible de cartes
Bento : une mosaïque avec une barre de filtres
Modèles de couverture : créez des couvertures par défaut pour le haut de vos pétitions, formulaires et événements, afin que votre équipe reste fidèle à votre marque et à votre message. Cliquez sur l’encart d’ajout pour importer une image (PNG ou JPG, 1920 × 1280 px recommandé). Supprimez une couverture avec l’icône 🗑️.
🔗 Liens et réseaux sociaux
Ajoutez votre site web et vos profils sur les réseaux sociaux, tels que Facebook ou Instagram. Ils s'affichent sur la page de confirmation que les utilisateurs voient après avoir validé l'un de vos formulaires en ligne.
Cliquez sur « + Ajouter un lien » pour en ajouter un nouveau. Qomon reconnaît les réseaux sociaux courants et affiche automatiquement leur icône. Ces liens s'appliquent uniquement aux formulaires en ligne.
🏠 Action Hub
Votre Action Hub est votre page d’accueil publique, où les personnes qui vous soutiennent peuvent trouver vos pages publiques et s’inscrire aux événements près de chez elles. Dans la section Action Hub, vous pouvez définir :
Une identité distincte pour l’Action Hub : activez cette option pour donner à votre Action Hub un nom et un avatar différents de ceux de votre organisation. Cliquez sur Modifier le nom et l’avatar pour les définir. Vos pages publiques les utilisent aussi.
E-mail de contact : activez cette option et saisissez l’adresse à laquelle les personnes qui vous soutiennent peuvent vous écrire. Elle s’affiche sur votre Action Hub et sur vos pages. Nous vous conseillons une adresse d’équipe plutôt qu’une adresse personnelle.
Langue par défaut : choisissez la langue par défaut de votre Action Hub et de toutes vos pages.
Intégrer votre Action Hub sur votre site web : affichez vos actions directement sur votre site grâce à une iframe. Cliquez sur Voir le guide pour suivre les étapes.
👉 Pour connaître toutes les options de l’Action Hub, consultez notre article Configurer les paramètres de votre Action Hub.
✅ Organisation vérifiée
Qomon vérifie votre organisation pour que les personnes qui vous soutiennent sachent qu’elles peuvent lui faire confiance.
Une fois votre organisation vérifiée, activez Afficher le badge Organisation vérifiée pour afficher le badge à côté de votre nom sur toutes vos pages.
💻 Code personnalisé
Ajoutez vos propres scripts et balises sur chaque page publique, comme des outils d’analyse, des pixels de suivi ou des widgets de chat.
En-tête HTML : ajouté dans la balise
<head>de chaque page. Idéal pour les outils d’analyse et les balises de vérification de site.Pied de page HTML : ajouté juste avant
</body>, après le contenu de la page. Idéal pour les widgets et les scripts qui peuvent se charger en dernier.
Chaque champ accepte jusqu’à 2 000 caractères.
Le code personnalisé ajouté ici s’applique à l’ensemble de vos pages publiques. Vous pouvez toujours ajouter du code personnalisé à des pages spécifiques, comme un formulaire en particulier, en plus de ce que vous définissez ici.
⚠️ Attention : Ce code s’exécute sur toutes vos pages publiques : testez-le avec soin. Un script défectueux peut perturber l’affichage de vos pages.
⚠️ Zone sensible
Cette section regroupe des paramètres qui ont un impact important sur vos pages publiques. Lisez bien chaque description avant de faire une modification.
Afficher le badge Qomon
Conservez le badge « Powered by Qomon » dans le pied de page de toutes vos pages et de vos campagnes e-mail. Vous pouvez choisir le style Coloré ou Minimaliste.
Désactiver l’Action Hub
Cliquez sur Désactiver pour mettre votre Action Hub hors ligne. Votre URL affichera une page 404, mais toutes vos autres pages continueront de fonctionner.
Réinitialiser aux paramètres par défaut de Qomon
Cliquez sur Réinitialiser pour restaurer les paramètres par défaut de Qomon pour l’avatar, le logo, l’image de couverture, l’icône de favori, la couleur principale, la couleur de fond, la police de titre et le style d’interface, y compris l’avatar de l’Action Hub. 🚨 Cette action est irréversible.
Des questions ? Contactez-nous à [email protected]










