Personnaliser les widgets de programme

Accéder à l'éditeur de widget

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

2. Sur le Widgets carte, 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électionner Appliquer le modèle à côté du modèle avec lequel vous voulez 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 changer le contenu que vos clients ambassadeurs voient dans le widget.

Remarque : Pour une explication des différents éléments de l'éditeur de widget, référez-vous à Aperçu de l'éditeur de widget.

Ajouter

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

   • En savoir plus sur les composants disponibles et comment ils sont regroupés.

2. Sélectionnez le composant approprié.

3. Sélectionnez le bouton bleu Ajouter à là où vous voulez 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' Composant onglet du menu, Ajouter onglet, sélectionnez la Composants communs catégorie.

2. Sélectionnez soit :

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

   • Image (une image simple sans texte dessus)

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

4. Depuis le Menu Composant Modifier onglet, sélectionnez la Choisir un fichier bouton sous le Image titre.

   

Remplacer des images ou des logos

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

2. Dans le Modifier menu, sélectionnez [Supprimer] puis sélectionnez Choisir un fichier pour rétélécharger une nouvelle image.

   
3. Téléchargez l'image en utilisant l'une de ces méthodes :

   • Glisser-déposer l'image

   • Parcourir un fichier sur votre ordinateur

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

4. Sélectionner Terminé.

Ajuster quels boutons de partage sont affichés

Vous pouvez modifier les boutons de partage existants en utilisant le Modifier menu.

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

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

   

Ajoutez un nouveau bouton de partage en utilisant l' Ajouter menu.

1. Depuis le Ajouter onglet, 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 la façon dont le widget apparaîtra à vos participants en sélectionnant [Aperçu] dans la barre de menu supérieure.

   • Vous pouvez basculer entre une prévisualisation de l'expérience pour [Bureau], [Tablette], ou [Mobile] utilisateurs 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' email, segment, ou champ personnalisé. Par exemple, si vous souhaitez afficher un classement uniquement pour les participants qui sont abonnés de niveau or, le section conditionnelle sur le composant segment vous permettra de le faire.

Vous pouvez ajouter des composants avancés depuis l' Ajouter onglet. Les configurer demande un peu plus de travail car vous devrez saisir une expression JSONata dans la Condition case qui définit la logique définissant 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 l'Ambassadeur

• Installer des packages NPM personnalisés pour l'Ambassadeur