Créer un modal d’intégration
Créez vos propres modaux d’intégration pour présenter à vos utilisateurs une nouvelle expérience ou une nouvelle application.
Avant de commencer
Rôle requis : admin
Procédure
- Accédez à la Tous > Services d'adoption > Créer un conseil..
-
Pour créer votre fenêtre modale d’intégration, procédez comme suit :
-
Remplissez les champs du formulaire.
Tableau 1. Formulaire Conseil Champ Description Ordre Ordre dans lequel le conseil s’affiche. Le nombre le plus bas s’affiche en premier et le numéro chronologique suivant suit. Nom Nom de l’expérience d’intégration. Type Type de conseils qui s’affiche dans l’interface utilisateur. Sélectionnez Modal. Rôles Rôles pour ce conseil. Application Application pour le conseil. Statut État de la guidance. Actifs Sélectionnez cette option pour activer ou désactiver les conseils. - Sélectionnez Soumettre.
-
Remplissez les champs du formulaire.
-
Pour lancer un modal d’intégration une fois créé, procédez comme suit :
- Créez un script client dans UIB.
-
Sous l’extrait de code, saisissez
api.emit('SN_HELP#GUIDANCE_START_REQUESTED',{guidanceId :"ID"}) ; - Remplacez l’ID par le sys_id du conseil modal à ouvrir.
- Enregistrez la page.
- Sélectionnez Corps dans le panneau de gauche de la page UIB.
- Dans le panneau de droite, sélectionnez l’onglet Événements .
- Sous Événements expédiés , sélectionnez Ajouter.
-
Dans le nom de l’événement, ajoutez
SN_HELP#GUIDANCE_START_REQUESTEDet attribuez un nom à l’étiquette. - Sélectionnez Enregistrer.
-
Pour créer des étapes de conseil d’aide incorporée, procédez comme suit :
-
Sélectionnez vos conseils dans la liste Conseils.
-
Dans la liste connexe Étapes de conseils d’aide, sélectionnez Nouveau.
-
Remplissez les champs du formulaire.
Tableau 2. Formulaire Étape de conseil d’aide Champ Description Nom Nom de votre conseil. Disposition Mise en page sélectionnée du conseil. - Vidéo
- Image
- Texte
- Question
- Image et texte
- Image et question
Ordre Ordre dans lequel le conseil s’affiche. Le nombre le plus bas s’affiche en premier et le numéro chronologique suivant suit. Étiquette de l'action Étiquettes des boutons qui permettent à l’utilisateur de naviguer dans le modal de conseil. Application Périmètre de l’application pour les conseils. Ces conseils s’appliquent au périmètre global. Conseil Conseils auxquels cette étape de conseil d’aide s’applique. - Sélectionnez Soumettre.
-
Sélectionnez vos conseils dans la liste Conseils.
-
Pour créer du contenu d’aide pour vos étapes de conseil d’aide, procédez comme suit :
-
Sélectionnez votre étape de conseil d’aide dans la liste connexe.
-
Dans la liste connexe Contenus de l’aide, sélectionnez Nouveau.
-
Remarque :Renseignez les champs du formulaire texte.Les champs de formulaire sont différents pour chaque type de conseil. Consultez le formulaire correct pour obtenir des conseils.
Tableau 3. Formulaire texte de contenu d’aide Champ Description Titre Titre du contenu de l’aide. Sous-titre Sous-titre affiché dans le modal du contenu de l’aide de l’interface utilisateur. Type Type de conseil sélectionné. Application Périmètre de l’application pour les conseils. Étape de conseil Étape de conseil d’aide à laquelle ce contenu d’aide est associé. Par exemple, Intro/Bienvenue, Menu Tout et Historique. Valeur par défaut Contenu d’aide par défaut pour l’étape de conseil. Pied de page Pied de page affiché dans le modal du contenu de l’aide de l’interface utilisateur. Fournir un format HTML personnalisé Personnalisez le contenu de votre aide. Texte Texte qui s’affiche dans le modal du contenu de l’aide dans l’interface utilisateur. - Cliquez sur Envoyer.
-
Renseignez les champs du formulaire vidéo.
Tableau 4. Formulaire Vidéo de contenu d’aide Champ Description Titre Titre du contenu de l’aide. Sous-titre Sous-titre affiché dans le modal du contenu de l’aide de l’interface utilisateur. Type Type de conseil sélectionné. Lien vidéo Le lien vers lequel votre vidéo doit s’afficher. Remarque :Seuls YouTube et Vimeo sont pris en charge.Application Périmètre de l’application pour les conseils. Étape de conseil Étape de conseil d’aide à laquelle ce contenu d’aide est associé. Par exemple, Intro/Bienvenue, Menu Tout et Historique. Valeur par défaut Contenu d’aide par défaut pour l’étape de conseil. Pied de page Pied de page affiché dans le modal du contenu de l’aide de l’interface utilisateur. Fournir un format HTML personnalisé Personnalisez le contenu de votre aide. Texte de remplacement Texte de remplacement qui s’affiche dans le modal du contenu de l’aide dans l’interface utilisateur. - Cliquez sur Envoyer.
-
Renseignez les champs du formulaire Image.
Tableau 5. Formulaire Image du contenu de l’aide Champ Description Titre Titre du contenu de l’aide. Sous-titre Sous-titre affiché dans le modal du contenu de l’aide de l’interface utilisateur. Type Type de conseil sélectionné. Image Image sélectionnée à afficher dans votre conseil. Application Périmètre de l’application pour les conseils. Étape de conseil Étape de conseil d’aide à laquelle ce contenu d’aide est associé. Par exemple, Intro/Bienvenue, Menu Tout et Historique. Valeur par défaut Contenu d’aide par défaut pour l’étape de conseil. Pied de page Pied de page affiché dans le modal du contenu de l’aide de l’interface utilisateur. Fournir un format HTML personnalisé Personnalisez le contenu de votre aide. Fournir un lien d'image Le lien de l’image est affiché dans le guide. Texte de remplacement Texte de remplacement qui s’affiche dans le modal du contenu de l’aide dans l’interface utilisateur. - Cliquez sur Envoyer.
-
Renseignez les champs du formulaire de question.
Tableau 6. Formulaire de question de contenu de l’aide Champ Description Titre Titre du contenu de l’aide. Sous-titre Sous-titre affiché dans le modal du contenu de l’aide de l’interface utilisateur. Type Type de conseil sélectionné. Application Périmètre de l’application pour les conseils. Étape de conseil Étape de conseil d’aide à laquelle ce contenu d’aide est associé. Par exemple, Intro/Bienvenue, Menu Tout et Historique. Valeur par défaut Contenu d’aide par défaut pour l’étape de conseil. Pied de page Pied de page affiché dans le modal du contenu de l’aide de l’interface utilisateur. Fournir un format HTML personnalisé Personnalisez le contenu de votre aide. - Sélectionnez Soumettre.
-
Sélectionnez Nouveau dans le champ connexe Question d’aide.
Tableau 7. Formulaire de question d’aide Champ Description Question Le contenu de la question à ajouter dans le guide. Ordre Ordre de la question dans le guide. Variante La variante de la question. - La radio est sélectionnée pour les questions avec une seule réponse.
- La case est cochée pour les questions à réponses multiples.
Application Périmètre de l’application pour les conseils. Contenu de l'aide Contenu d’aide pour lequel la question est créée. Obligatoire La question est obligatoire lorsque cette option est sélectionnée. -
Sélectionnez Nouveau dans le champ connexe Réponses d’aide pour créer des réponses.
Tableau 8. Formulaire de réponse d’aide Champ Description Étiquette Étiquette de la réponse. Valeur Valeur de la réponse. Ordre L’ordre de la réponse. Application Périmètre de l’application pour les conseils. Question Question pour laquelle la réponse est créée. - Sélectionnez Soumettre.
-
Sélectionnez votre étape de conseil d’aide dans la liste connexe.
- Créez des conseils supplémentaires pour créer votre expérience d’intégration.
- Lorsque vous avez terminé de créer vos conseils d’intégration, confirmez que l’état de vos conseils est défini sur Publié sur le formulaire de conseils.
- Dans le formulaire Conseils, sélectionnez Mettre à jour.