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 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 modal d’intégration, procédez comme suit :
-
Remplissez les champs du formulaire.
Tableau 1. Formulaire Conseils Champ Description Ordre Ordre dans lequel s’affiche le conseil. 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 conseil qui s’affiche dans l’interface utilisateur. Sélectionnez un modal. Rôles Rôles pour ces conseils. Application Application pour obtenir des conseils. Statut État de la guidance. Actives Sélectionnez cette option pour activer ou désactiver le conseil. - Sélectionnez Envoyer.
-
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.
-
Dans 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ées, procédez comme suit :
- Sélectionnez votre conseil dans la liste Conseils.
-
Dansla 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. Mise en page Mise en page sélectionnée du conseil. - Vidéo
- Image
- Texte
- Question
- Image et texte
- Image et question
Ordre Ordre dans lequel s’affiche le conseil. 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 du conseil. Ces conseils s’appliquent au périmètre global. Conseil Conseils auxquels s’applique cette étape de conseil d’aide. - Sélectionnez Envoyer.
- Sélectionnez votre conseil dans la liste Conseils.
-
Pour créer du contenu d’aide pour vos étapes de conseil d’aide, procédez comme suit :
-
Sélectionnezvotre é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 d’aide de l’interface utilisateur. Type Type de conseil sélectionné. Application Périmètre de l’application du conseil. Étape de conseil Étape de conseil d’aide à laquelle ce contenu d’aide est associé. Par exemple, Intro/Welcome, All menu et History. Valeur par défaut Contenu d’aide par défaut pour l’étape de conseil. Pied de page Pied de page qui s’affiche dans le modal du contenu de l’aide de l’interface utilisateur. Fournir un format HTML personnalisé Personnaliser le contenu de votre aide. Texte Texte qui s’affiche dans le modal du contenu d’aide de 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 d’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 du conseil. Étape de conseil Étape de conseil d’aide à laquelle ce contenu d’aide est associé. Par exemple, Intro/Welcome, All menu et History. Valeur par défaut Contenu d’aide par défaut pour l’étape de conseil. Pied de page Pied de page qui s’affiche dans le modal du contenu de l’aide de l’interface utilisateur. Fournir un format HTML personnalisé Personnaliser le contenu de votre aide. Texte de remplacement Texte de remplacement qui s’affiche dans le modal du contenu d’aide de l’interface utilisateur. - Cliquez sur Envoyer.
-
Renseignez les champs du formulaire Image.
Tableau 5. Formulaire image de contenu de l’aide Champ Description Titre Titre du contenu de l’aide. Sous-titre Sous-titre affiché dans le modal du contenu d’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 du conseil. Étape de conseil Étape de conseil d’aide à laquelle ce contenu d’aide est associé. Par exemple, Intro/Welcome, All menu et History. Valeur par défaut Contenu d’aide par défaut pour l’étape de conseil. Pied de page Pied de page qui s’affiche dans le modal du contenu de l’aide de l’interface utilisateur. Fournir un format HTML personnalisé Personnaliser le contenu de votre aide. Fournir un lien d’image Le lien vers l’image est affiché dans le guide. Texte de remplacement Texte de remplacement qui s’affiche dans le modal du contenu d’aide de 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 d’aide de l’interface utilisateur. Type Type de conseil sélectionné. Application Périmètre de l’application du conseil. Étape de conseil Étape de conseil d’aide à laquelle ce contenu d’aide est associé. Par exemple, Intro/Welcome, All menu et History. Valeur par défaut Contenu d’aide par défaut pour l’étape de conseil. Pied de page Pied de page qui s’affiche dans le modal du contenu de l’aide de l’interface utilisateur. Fournir un format HTML personnalisé Personnaliser le contenu de votre aide. - Sélectionnez Envoyer.
-
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 les conseils. Ordre Ordre de la question dans le guide. Variante Variante de la question. - La radio est sélectionnée pour les questions avec une seule réponse.
- La case à cocher est sélectionnée pour les questions à réponses multiples.
Application Périmètre de l’application du conseil. Contenu de l'aide Contenu de l’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 du conseil. Question Question pour laquelle la réponse est créée. - Sélectionnez Envoyer.
-
Sélectionnezvotre étape de conseil d’aide dans la liste connexe.
- Créez les conseils supplémentaires que vous souhaitez créer 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 Conseil, sélectionnez Mettre à jour.