Personnaliser les widgets du programme

Accéder à l’éditeur de widget

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

2. Sur la carte Widgets , sélectionnez Modifier les widgets.

3. Dans le menu coulissant de gauche, sélectionnez le nom du widget que vous souhaitez modifier.

   

Personnalisez vos widgets

1

Étape 1 : Choisir un modèle

1. Dans le menu coulissant de gauche, sous Widget actuel, sélectionnez Modèles.

2. Sélectionnez Appliquer le modèle à côté du modèle avec lequel vous souhaitez commencer.

   

Remarque : Si vous souhaitez prévisualiser l’apparence du modèle sans valider la modification, sélectionnez [Aperçu] avant d’enregistrer. Sélectionnez le bouton Enregistrer uniquement lorsque vous êtes prêt à valider les modifications apportées.

2

Étape 2 : Ajuster le contenu du widget

Vous pouvez ajouter, modifier, déplacer ou supprimer des composants pour modifier le contenu que vos défenseurs clients voient dans le widget.

Remarque : Pour une explication des différents éléments de l’éditeur de widget, consultez Aperçu de l’éditeur de widget.

Ajouter

1. Sur le côté droit de la page, dans l’onglet Composant du menu Ajouter , sélectionnez un groupe de composants.

   • En savoir plus sur les composants disponibles et sur la façon dont ils sont regroupés.

2. Sélectionnez le composant approprié.

3. Sélectionnez le bouton bleu Ajouter à à l’endroit où vous souhaitez que le composant apparaisse sur la zone de travail.

   

Modifier

Déplacer

Supprimer

3

Étape 3 : Personnaliser l’apparence et le thème du widget

Ajouter des images ou des logos

1. À droite, depuis l’onglet Composant du menu Ajouter , sélectionnez la catégorie Composants communs .

2. Sélectionnez l’un des éléments suivants :

   • Image principale en superposition (une image avec du texte modifiable superposé)

   • Image (une image simple sans texte par-dessus)

3. Ajoutez l’image à la zone de travail.

4. Dans le menu du composant Modifier , sélectionnez la catégorie bouton Choisir un fichier sous l’en-tête Image .

   

Remplacer des images ou des logos

1. Dans la zone de travail, sélectionnez la photo que vous souhaitez modifier.

2. Dans le menu Modifier , sélectionnez [Supprimer] puis sélectionnez bouton Choisir un fichier pour téléverser à nouveau une nouvelle image.

   
3. Téléversez l’image en utilisant l’une de ces méthodes :

   • Glisser-déposer l’image

   • Parcourir un fichier sur votre ordinateur

   • Dans le menu Adresse Web onglet, collez l’URL publique du fichier

4. Sélectionnez Terminé.

Ajuster les boutons de partage affichés

Vous pouvez modifier les boutons de partage existants à l’aide du menu Modifier .

1. Sélectionnez le bouton de partage que vous souhaitez modifier sur la zone de travail.

2. Dans le menu Modifier onglet, sélectionnez le nom du site ou du service sous Support de partage .

   

Ajoutez un nouveau bouton de partage en utilisant l’onglet Ajouter .

1. Dans le Ajouter , sélectionnez Partage.

   
2. Sélectionnez la carte appropriée.

3. Sélectionnez le bouton bleu Ajouter à bouton pour placer le composant sur la zone de travail.

4

Étape 4 : Prévisualiser et enregistrer

1. Prévisualisez l’apparence du widget pour vos participants en sélectionnant [Aperçu] dans la barre de menu supérieure.

   • Vous pouvez basculer entre un aperçu de l’expérience pour les utilisateurs [Ordinateur], [Tablette], ou [Mobile] en sélectionnant l’icône de l’appareil correspondant.

2. Pour revenir à l’interface d’édition, sélectionnez [Modifier] dans la barre de menu supérieure.

   
3. Enregistrer vos modifications.

   Avertissement : L’éditeur de widget n’enregistre pas automatiquement vos modifications. Cliquez sur Enregistrer fréquemment pour vous assurer de ne pas perdre votre travail.

Lorsque vous sélectionnez Enregistrer, les modifications seront ajoutées à votre brouillon de programme.

Options de personnalisation avancées

Les composants avancés vous permettent d’inclure du contenu conditionnel basé sur l’ e-mail, segment, ou champ personnalisédu participant. Par exemple, si vous souhaitez afficher un classement uniquement pour les participants qui sont des abonnés de niveau or, le composant section conditionnelle sur le segment vous permettra de le faire.

Vous pouvez ajouter des composants avancés depuis l’onglet Ajouter . Leur configuration demande un peu plus de travail, car vous devrez saisir une expression JSONata dans la zone Condition qui définit la logique déterminant quand la condition est remplie. Contactez notre équipe d’assistance si vous avez besoin d’aide.

En savoir plus

• Modifier le HTML de votre widget ou microsite pour Advocate

• Installer des packages NPM personnalisés pour Advocate