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 correspondent parfaitement à l'identité de votre marque, garantissant une expérience cohérente et digne de confiance pour vos clients. Un point de contact bien brandé est essentiel pour favoriser 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 en utilisant l'option de style du widget ou du microsite. Tous les paramètres de marque se trouvent dans une section dédiée au branding.

Les widgets ou microsites ont un aspect différent selon le contexte de l'utilisateur, par exemple s'il est connecté, s'il rencontre une erreur ou s'il consulte sur un appareil mobile. Les aperçus de notre éditeur vous permettent de basculer facilement entre tous les états possibles de votre widget ou microsite.

Remarque: L'aperçu est plus applicable aux widgets (par ex. widgets d'accès instantané) et aux composants (par ex. échange d'espèces, récompense). Pour prévisualiser les 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 pour chaque étape du parcours utilisateur, y compris :

• Vues connectées vs déconnectées

• Messages d'erreur et de succès

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

Pour personnaliser le style de votre marque :

1. Dans le menu de navigation à gauche, sélectionnez [Engage] → 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 apporter des modifications, puis sélectionnez Style du widget/Style du microsite.

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

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

6. [Optionnel] Poursuivez avec les options de style restantes pour personnaliser entièrement l'identité de votre marque au sein du widget ou du 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 compléter cette étape. Sélectionnez votre couleur principale de marque. Cette couleur est également utilisée dans les sections Bouton primaire et Bouton secondaire plus bas dans les options d'édition.
Police	Sélectionnez le style de police que vous souhaitez voir dans votre widget ou microsite.
Couleur	Sélectionnez les différentes couleurs et accents que vous souhaitez voir dans votre widget ou microsite : • Arrière-plan Sélectionnez la couleur que vous souhaitez pour l'arrière-plan de votre widget ou microsite. • Texte Vous pouvez changer la couleur de la police pour le texte principal ainsi que pour le texte atténué au sein du widget ou microsite. • Couleur d'accent Modifiez les couleurs de vos accents. Celles-ci incluent 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 pour chaque élément en fonction du type de widget ou de microsite.
Bouton principal	Sélectionnez le schéma de couleurs que vous souhaitez pour votre bouton principal. Vous pouvez également ajuster la valeur en pixels du rayon de bordure autour du bouton. Développez le État au survol section pour sélectionner ou changer davantage la couleur que votre bouton prend lorsqu'un utilisateur survole ou interagit avec le bouton.
Bouton secondaire	Sélectionnez le schéma de couleurs que vous souhaitez pour votre bouton secondaire. Vous pouvez également ajuster la valeur en pixels du rayon de bordure autour du bouton. Développez le État au survol section pour sélectionner ou changer davantage la couleur que votre bouton prend lorsqu'un utilisateur survole ou interagit avec le bouton.
Bordure	Changez la couleur et le contour de la bordure de vos composants, comme les tableaux ou les cartes, au sein de 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 la bordure Saisissez une unité en pixels pour déterminer le rayon de votre bordure.
Champs de formulaire	Sélectionnez la couleur souhaitée pour les différents champs de formulaire de 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 la bordure. Développez le 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	Changez la taille de vos widgets dans le modèle. Vous pouvez ajuster les dimensions pour les widgets intégrés et les widgets contextuels. Sélectionnez une taille min et max et, dans les options déroulantes, sélectionnez l'unité de mesure. Choisissez de définir les mesures en pixels ou en pourcentage.