Personnaliser les widgets du programme

Accédez à l’éditeur de widget

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

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

3. Dans le menu latéral 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 latéral 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. Ne sélectionnez le Enregistrer bouton que 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 ambassadeurs 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 la droite de la page, dans l’onglet du menu Composant , Ajouter sélectionnez un groupe de composants.

   • En savoir plus sur les composants disponibles et sur la manière 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 le canevas.

   

Modifier

Déplacer

Supprimer

3

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

Ajouter des images ou des logos

1. À droite, dans l’onglet Composant , Ajouter , sélectionnez la catégorie Composants courants .

2. Sélectionnez soit :

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

   • Image (une image simple sans texte superposé)

3. Ajoutez l’image au canevas.

4. Depuis le Bouton du menu des Modifier , sélectionnez la catégorie Choisir un fichier composants sous l’ Image en-tête.

   

Remplacer des images ou des logos

1. Dans le canevas, sélectionnez la photo que vous souhaitez modifier.

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

   
3. Téléversez l’image à l’aide de l’une de ces méthodes :

   • Faites glisser l’image et déposez-la

   • Parcourez les fichiers de votre ordinateur

   • Dans le 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 le canevas.

2. Dans le Modifier onglet, sélectionnez le nom du site ou du service sous le Média de partage en-tête.

   

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

1. Depuis 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 le canevas.

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 de modification, 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 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é. Par exemple, si vous souhaitez afficher un classement uniquement pour les participants abonnés au 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 le boîte de condition qui définit la logique de vérification de la condition. Contactez notre équipe d’assistance si vous avez besoin d’aide.

En savoir plus

• Modifiez le HTML de votre widget ou microsite pour Advocate

• Installez des packages NPM personnalisés pour Advocate