Étapes de création d'un ShoutOut

Créer le squelette du ShoutOut

Suivez ces étapes pour créer squelette de base de votre ShoutOut :

1. Sélectionnez un des modèles de ShoutOut existants dans la galerie de modèles ou utilisez le modèle « vierge » ;
2. Utilisez l'assistant de campagne pour personnaliser l'IU du ShoutOut.
   • Ancien WYSIWYG : si le canevas d'un ShoutOut est configuré avec une couverture arrière (dans les paramètres Canvas Element), rejeter le ShoutOut en appuyant sur la couverture arrière sera traité comme un CTA de type MAYBE ;
   • Nouveau WYSIWYG : dans le nouveau WYSIWYG, la couverture arrière s'appelle désormais un « calque sur l'écran ». Si le canevas d'un ShoutOut est configuré avec un calque sur l'écran (dans l'onglet SCREEN OVERLAY de l'objet Canevas), le rejet du ShoutOut en appuyant sur le calque de l'écran sera traité comme une action du type que vous choisissez.

Ajouter des objets d'affichage Web aux ShoutOuts

Le ShoutOut est le principal type de campagne dans lequel les éléments d'affichage Web sont utilisés. Les affichages Web des ShoutOuts peuvent présenter des enquêtes Web, des vidéos ou d'autres ressources externes dans l'IU de l'application hôte.

Faites glisser l'icône d'affichage Web du répertoire OBJECTS jusqu'à l'endroit où vous souhaitez que l'affichage Web apparaisse sur votre l'écran de votre application.

Lorsque vous ajoutez ou cliquez sur un affichage Web, l'onglet par défaut est l'onglet FORMAT, dans lequel vous pouvez effectuer les actions suivantes :

• Entrer l'adresse URL de l'affichage Web que vous souhaitez montrer dans la campagne ; et
• Saisissez une URL d'abandon (l'URL qui, lorsqu'elle est atteinte, entraîne l'abandon ou la clôture automatique de la campagne sans action supplémentaire de l'utilisateur final) :

  

Ensuite, cliquez sur l'onglet SIZE & POSITION, dans lequel vous pouvez configurer l'ordre des couches d'affichage Web (semblable à z-index), la taille et les unités, et le positionnement par rapport à l'objet Canevas :

Les éléments d'affichage Web prennent en charge les enquêtes basées sur les formulaires Google Forms et le streaming de vidéos. La prise en charge des vidéos en ligne peut être fournie à l'aide d'un script S3 (contactez l'équipe de WalkMe Mobile pour en savoir plus).

Ajouter des widgets de carrousel aux ShoutOuts

Les carrousels sont des widgets ou des objets complexes composés d'autres objets simples, pouvant chacuns être configurés. Les widgets de carrousel sont particulièrement bien adaptés aux ShoutOuts, bien qu'ils puissent être utilisés ailleurs (par exemple, dans Surveys pour améliorer l'interface utilisateur multiquestion).

Faites glisser l'icône de carrousel du répertoire OBJECTS jusqu'à l'endroit où vous souhaitez que le carrousel s'affiche sur l'écran de votre application.

Vous ne pouvez ajouter qu'un seul objet de carrousel par canevas.

Configuration du widget principal (Carousel)

Lorsque vous ajoutez une icône de carrousel ou cliquez dessus, l'objet par défaut est le widget principal (Carousel) et l'onglet par défaut est l'onglet FORMAT, dans lequel vous pouvez configurer les paramètres globaux suivants :

• Le nombre de sous-objets (diapositives) qui apparaissent dans le carrousel ;
  • Le nombre par défaut est de trois et le nombre maximum est de dix ;
  • Vous pouvez également ajouter de nouvelles diapositives depuis le menu contextuel ou en cliquant sur l'onglet bleu situé à droite de l'objet :
    
    
• Définir si vous souhaitez afficher les indicateurs de diapositives (les points en bas de chaque diapositive qui indiquent la diapositive actuelle et le nombre total de diapositives) ;
  • Vous pouvez cliquer sur ces indicateurs pendant la création du contenu et les utilisateurs finaux de votre application peuvent le faire aussi pour naviguer entre les diapositives ;
  • Vous pouvez également naviguer entre les diapositives en cliquant sur les ailes bleues qui s'affichent sur les côtés droit et gauche d'une diapositive lorsque vous passez la souris dessus dans l'écran d'aperçu de l'appareil, ou en cliquant simplement sur un objet Slide dans l'arborescence OBJECTS.
• Définir si vous souhaitez autoriser la navigation entre les diapositives à l'aide d'un balayage sur l'écran de l'application :

  

Suivant cliquez sur l'onglet SIZE & POSITION, dans lequel vous pouvez configurer l'ordre des couches du carrousel, la taille et les unités, et le positionnement par rapport à l'objet Canvas :

Configuration des sous-objets (diapositive)

Une fois que vous avez terminé de configurer les paramètres globaux de votre carrousel, cliquez sur un des sous-objets (icônes Slide) pour configurer individuellement votre sous-objet.

Comme la taille et la position des diapositives sont configurées dans l'objet Carousel, il n'y a qu'un seul onglet, l'onglet FORMAT, contenant une section appelée Slide Background Style, dans laquelle vous pouvez configurer les éléments suivants :

• La couleur d'arrière-plan de chaque diapositive ;
• Le niveau d'opacité (visibilité) de chaque diapositive ;
• Le rayon des angles de chaque diapositive (plus le rayon est élevé, plus les angles de la diapositive sont arrondis) ; et
• Si chaque diapositive possède une bordure et, si c'est le cas, la couleur et le rayon de la bordure :

  

Vous pouvez ajouter n'importe quel autre objet du répertoire OBJECTS à une diapositive. Essayez !

Ajouter des listes aux ShoutOuts

Les widgets de liste ne peuvent être utilisés que dans les campagnes de type ShoutOut.

Faites glisser l'icône List du répertoire OBJECTS jusqu'à l'endroit où vous souhaitez que la liste s'affiche sur l'écran de votre application.

Les listes, comme les carrousels, sont des objets complexes composés d'autres objets simples, qui peuvent chacun être configurés :

Configuration de l'objet principal (List)

Lorsque vous ajoutez une liste ou cliquez dessus, l'objet par défaut est l'objet principal et l'onglet par défaut est l'onglet FORMAT, dans lequel vous pouvez configurer les paramètres globaux suivants :

• Dans la section General Text Style, configurez les éléments suivants :
  • La police de texte générale globale ;
  • La taille globale de la police du texte ;
  • La couleur globale de la police du texte ;
  • L'alignement global du texte ; et
  • Le style.
• Dans la section List Items Style, configurez les éléments suivants :
  • La couleur d'arrière-plan globale ;
  • L'opacité (visibilité) ;
  • La hauteur des éléments de liste (la hauteur de chaque rectangle entourant le texte de la liste ; cela est important lorsque vous ajoutez des éléments à votre liste et souhaitez qu'ils soient visibles sans défilement) ; et
  • S'il existe des lignes de division entre les sous-objets.
• Dans la section Icon, configurez les éléments suivants :
  • Décidez si vous souhaitez qu'une icône s'affiche à côté de chaque élément de la liste et, si c'est le cas, quelle icône :

    

Ensuite, cliquez sur l'onglet FORMAT SECTIONS qui s'applique aux sections que vous ajoutez à votre liste. Vous pouvez y configurer les paramètres globaux suivants :

• Dans la section Section Title, configurez la police de texte globale de toutes les sections de la liste, la taille de la police de la section, la couleur de la police de la section, l'alignement du texte et le style de la section ;
• Dans la section Background, configurez la couleur d'arrière-plan, le niveau d'opacité (visibilité) et la hauteur de la section :

  

Enfin, cliquez sur l'onglet SIZE & POSITION, dans lequel vous pouvez configurer l'ordre des couches de la liste (comme unité) (semblable à z-index), la taille et les unités, le positionnement par rapport à l'objet Canvas et la taille des éléments de la liste :

Configuration des sous-objets (éléments de liste)

Bien que trois éléments de liste et aucune section soient les valeurs par défaut des listes, vous pouvez ajouter des éléments de liste et des sections avec le menu contextuel ou cliquer sur l'onglet bleu situé à droite de la liste :

Une fois que vous avez terminé de configurer les paramètres globaux de vos listes, cliquez sur un des sous-objets (icônes List Item) pour configurer individuellement vos sous-objets.

Il n'y a qu'un seul onglet, l'onglet FORMAT, depuis lequel vous pouvez configurer les éléments suivants :

• Dans la section Action, configurez l'action à effectuer lorsqu'un utilisateur final clique sur ce sous-objet ;
  • Reportez-vous à la section Actions disponibles pour les boutons, les formes, les listes et les calques d'écran de l'article Nouveau WYSIWYG.
• Dans la section Font, configurez la couleur de la police de chaque sous-objet ;
• Dans la section Background, configurez la couleur d'arrière-plan et l'opacité (visibilité) de chaque sous-objet ;
• Dans la section Icon, décidez si vous souhaitez qu'une icône s'affiche en regard de chaque sous-objet, et, si c'est le cas, quelle icône, sa taille et son positionnement :

  

Listes Onboarding