Créer un modal d’intégration

  • Rversion finale: Xanadu
  • Mis à jour 1 août 2024
  • 5 minutes de lecture

    • 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 : administrateur

    Procédure

    1. Accédez à la Tout > Services d'adoption > Créer un conseil..
    2. Pour créer votre fenêtre modale d’intégration, procédez comme suit :
      1. Renseignez les champs du formulaire.
        Tableau 1. Formulaire Conseil
        Champ Description
        Ordre Ordre dans lequel les conseils s’affichent. Le nombre le plus bas s’affiche en premier, suivi du nombre chronologique suivant.
        Nom Nom de l’expérience d’intégration.
        Type Type de conseil qui s’affiche dans l’interface utilisateur. Sélectionnez Modal.
        Rôles Rôles pour ce conseil.
        Application Application pour l’orientation.
        Statut État du conseil.
        Actif Sélectionnez cette option pour activer ou désactiver le conseil.
      2. Sélectionnez Soumettre.
    3. Pour lancer un modal d’intégration une fois créé, procédez comme suit :
      1. Créez un script client dans UIB.
      2. Sous l’extrait de code, entrez api.emit('SN_HELP#GUIDANCE_START_REQUESTED',{guidanceId :"ID"}) ;
      3. Remplacez l’ID par l’sys_id du guidage modal à ouvrir.
      4. Enregistrez la page.
      5. Sélectionnez Corps dans le panneau de gauche de la page UIB.
      6. Dans le panneau de droite, sélectionnez l’onglet Événements .
      7. Sous Événements expédiés , sélectionnez Ajouter.
      8. Dans le nom de l’événement, ajoutez SN_HELP#GUIDANCE_START_REQUESTED et donnez un nom à l’étiquette.
      9. Sélectionnez Enregistrer.
    4. Pour créer des étapes d’aide incorporée, procédez comme suit :
      1. Sélectionnez vos conseils dans la liste Conseils.
        test2 s’affiche dans la liste Conseils.
      2. Dans la liste connexe Étapes de conseils d’aide, sélectionnez Nouveau.
        La liste des étapes de conseil d’aide test2 s’affiche.
      3. Renseignez 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 les conseils s’affichent. Le nombre le plus bas s’affiche en premier, suivi du nombre chronologique suivant.
        Étiquette de l'action Étiquettes de boutons qui permettent à l’utilisateur de naviguer dans le modal de conseil.
        Application Périmètre de l’application pour le conseil. Ces conseils s’appliquent au périmètre global.
        Conseil Conseil auquel cette étape d’aide s’applique.
      4. Sélectionnez Soumettre.
    5. Pour créer des contenus d’aide pour vos étapes de conseil d’aide, procédez comme suit :
      1. Sélectionnez votre étape de conseil d’aide dans la liste connexe.
        La liste des étapes de conseil d’aide test2 s’affiche.
      2. Dans la liste connexe Contenu de l’aide, sélectionnez Nouveau.
        La liste connexe Contenus de l’aide s’affiche.
      3. Remarque :
        Les champs de formulaire sont différents pour chaque type de conseil. Référez-vous au formulaire approprié pour vous guider.
        Renseignez les champs du formulaire texte.
        Tableau 3. Formulaire de texte de contenu de l’aide
        Champ Description
        Titre Titre du contenu d’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 pour le conseil.
        Étape de conseil Étape de conseil d’aide à laquelle ce contenu d’aide est associé. Par exemple, Intro/Accueil, Menu Tout et Historique.
        Par défaut Contenu d’aide par défaut pour l’étape de conseil.
        Pied de page Pied de page affiché dans la fenêtre modale du contenu d’aide de l’interface utilisateur.
        Fournir un format HTML personnalisé HTML personnalisé pour votre contenu d’aide.
        Texte Texte qui s’affiche dans le modal du contenu d’aide dans l’interface utilisateur.
      4. Cliquez sur Envoyer.
      5. Renseignez les champs du formulaire vidéo.
        Tableau 4. Formulaire Contenu de l’aide vidéo
        Champ Description
        Titre Titre du contenu d’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 pour le conseil.
        Étape de conseil Étape de conseil d’aide à laquelle ce contenu d’aide est associé. Par exemple, Intro/Accueil, Menu Tout et Historique.
        Par défaut Contenu d’aide par défaut pour l’étape de conseil.
        Pied de page Pied de page affiché dans la fenêtre modale du contenu d’aide de l’interface utilisateur.
        Fournir un format HTML personnalisé HTML personnalisé pour votre contenu d’aide.
        Texte de remplacement Texte de remplacement qui s’affiche dans le modal du contenu d’aide de l’interface utilisateur.
      6. Cliquez sur Envoyer.
      7. Renseignez les champs du formulaire Image.
        Tableau 5. Formulaire d’image de contenu de l’aide
        Champ Description
        Titre Titre du contenu d’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 pour le conseil.
        Étape de conseil Étape de conseil d’aide à laquelle ce contenu d’aide est associé. Par exemple, Intro/Accueil, Menu Tout et Historique.
        Par défaut Contenu d’aide par défaut pour l’étape de conseil.
        Pied de page Pied de page affiché dans la fenêtre modale du contenu d’aide de l’interface utilisateur.
        Fournir un format HTML personnalisé HTML personnalisé pour votre contenu d’aide.
        Fournir un lien d'image Le lien de l’image s’affiche dans le guide.
        Texte de remplacement Texte de remplacement qui s’affiche dans le modal du contenu d’aide de l’interface utilisateur.
      8. Cliquez sur Envoyer.
      9. Renseignez les champs du formulaire de question.
        Tableau 6. Formulaire de question de contenu de l’aide
        Champ Description
        Titre Titre du contenu d’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 pour le conseil.
        Étape de conseil Étape de conseil d’aide à laquelle ce contenu d’aide est associé. Par exemple, Intro/Accueil, Menu Tout et Historique.
        Par défaut Contenu d’aide par défaut pour l’étape de conseil.
        Pied de page Pied de page affiché dans la fenêtre modale du contenu d’aide de l’interface utilisateur.
        Fournir un format HTML personnalisé HTML personnalisé pour votre contenu d’aide.
      10. Sélectionnez Soumettre.
      11. Sélectionnez Nouveau dans le champ connexe de la Question d’aide.
        Tableau 7. Formulaire de question d’aide
        Champ Description
        Question Le contenu de la question à ajouter dans le conseil.
        Ordre Ordre des questions dans les lignes directrices.
        Variante Variante de la question.
        • Radio est sélectionné 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 le conseil.
        Contenu de l'aide Contenu d’aide pour lequel la question est créée.
        Obligatoire La question est obligatoire lorsqu’elle est sélectionnée.
      12. 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 L’étiquette de la réponse.
        Valeur La valeur de la réponse.
        Ordre L’ordre de la réponse.
        Application Périmètre de l’application pour le conseil.
        Question Question pour laquelle la réponse a été créée.
      13. Sélectionnez Soumettre.
    6. Créez toutes les directives supplémentaires que vous souhaitez pour créer votre expérience d’intégration.
    7. 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.
    8. Dans le formulaire Conseil, sélectionnez Mettre à jour.