Personnaliser les widgets et microsites avec l’éditeur de contenu

L’éditeur de contenu vous permet de créer des widgets et des microsites qui s’intègrent parfaitement à l’identité de votre marque, garantissant une expérience cohérente et fiable à vos clients. Un point de contact bien marqué est essentiel pour stimuler un fort engagement et l’adoption du programme.

Contrôles de marque centralisés

Vous pouvez facilement trouver et mettre à jour les éléments de conception principaux de votre marque à l’aide de l’option de style du widget ou du microsite. Tous les paramètres de marque se trouvent dans une section dédiée à la marque.

Les widgets ou microsites s’affichent différemment selon le contexte de l’utilisateur, par exemple s’il est connecté, s’il rencontre une erreur ou s’il consulte depuis un appareil mobile. Nos aperçus de l’éditeur vous permettent de basculer facilement entre tous les états possibles de votre widget ou microsite.

Remarque: L’aperçu est plus adapté aux widgets (par ex. widgets d’accès instantané) et aux composants (par ex. cash, échange de récompenses). Pour prévisualiser des microsites, vous devrez naviguer vers les différentes pages des microsites pour voir les états.

Cela élimine la nécessité d’effectuer manuellement des actions pour voir à quoi ressemblera un composant. Vous pouvez désormais modifier en toute confiance le texte et le design de chaque étape du parcours utilisateur, y compris :

• Vues connecté vs déconnecté

• Messages d’erreur et de succès

• Différentes étapes d’un flux en plusieurs parties (comme la vérification du versement en espèces)

Pour personnaliser votre style de marque :

1. Dans le menu de navigation de gauche, sélectionnez [Engagement] → Contenu.

   • Pour les widgets, sélectionnez Modifier les widgets et pour les microsites, sélectionnez Modifier le contenu.

2. Dans le menu de gauche, sélectionnez si vous souhaitez modifier le Microsite ou le Widget.

3. Sélectionnez le modèle de page sur lequel vous souhaitez effectuer des modifications, puis sélectionnez Style du widget/Style du microsite.

4. Sélectionnez la couleur de votre marque pour modifier la couleur principale présente dans votre widget ou microsite.

5. Ensuite, sélectionnez le style de police que vous souhaitez utiliser.

6. [Facultatif] Poursuivez avec les options de style restantes pour personnaliser entièrement l’identité de votre marque dans le widget ou le microsite.

Référence des éléments de l’éditeur de style

Élément de style	Description
Couleur principale de la marque	Cette couleur sera utilisée dans différents éléments de votre widget ou microsite ; il est donc important de réaliser cette étape. Sélectionnez la couleur principale de votre marque. Cette couleur est également utilisée dans les sections Bouton principal et Bouton secondaire plus bas dans les options de modification.
Police	Sélectionnez le style de police que vous souhaitez voir apparaître dans votre widget ou microsite.
Couleur	Sélectionnez les différentes couleurs et accents que vous souhaitez voir apparaître dans votre widget ou microsite : • Arrière-plan Sélectionnez la couleur que vous souhaitez définir comme arrière-plan de votre widget ou microsite. • Texte Vous pouvez modifier la couleur de la police pour le texte principal ainsi que pour le texte atténué dans le widget ou le microsite. • Couleur d’accent Modifiez les couleurs de vos accents. Cela inclut des éléments comme les onglets ou les icônes dans le widget ou le microsite. • Couleurs supplémentaires Vous pouvez ajuster davantage les couleurs et les accents de chaque élément en fonction du type de widget ou de microsite.
Bouton principal	Sélectionnez le jeu de couleurs que vous souhaitez appliquer à votre bouton principal. Vous pouvez également ajuster le nombre de pixels du rayon de bordure autour du bouton. Développez la État au survol section pour sélectionner ou modifier la couleur vers laquelle votre bouton change lorsqu’un utilisateur le survole ou interagit avec lui.
Bouton secondaire	Sélectionnez le jeu de couleurs que vous souhaitez appliquer à votre bouton secondaire. Vous pouvez également ajuster le nombre de pixels du rayon de bordure autour du bouton. Développez la État au survol section pour sélectionner ou modifier la couleur vers laquelle votre bouton change lorsqu’un utilisateur le survole ou interagit avec lui.
Bordure	Modifiez la couleur et le contour de bordure de vos composants, comme les tableaux ou les cartes, dans votre widget ou microsite. • Couleur Sélectionnez la couleur de votre bordure. • Épaisseur Saisissez une unité en pixels pour déterminer l’épaisseur de votre bordure. • Rayon de bordure Saisissez une unité en pixels pour déterminer le rayon de votre bordure.
Champs de formulaire	Sélectionnez la couleur que vous souhaitez pour les différents champs de formulaire dans votre widget ou microsite. Cela inclut tous les champs de saisie que l’utilisateur remplit. Vous pouvez également saisir une unité en pixels pour modifier la taille du rayon de bordure. Développez la Options avancées section pour personnaliser davantage les couleurs de l’état sélectionné ou de l’état au survol de vos champs de formulaire.
Taille du widget	Modifiez la taille de vos widgets dans le modèle. Vous pouvez ajuster les dimensions des widgets intégrés et des widgets contextuels. Sélectionnez une taille minimale et maximale, puis choisissez dans les options déroulantes l’unité de mesure. Choisissez de définir les mesures en pixels ou en pourcentage.