--- sourceDocument: Interface utilisateur de la Now Platform Xanadu sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/fr-FR/xanadu/platform-user-interface Release : - xanadu ft:locale : - fr-FR ft:publication_title : - Interface utilisateur de la Now Platform Xanadu ft:clusterId : - platux bundleId : - platux workflow : - Platform --- # Créer un modal d'intégration # Créer un modal d'intégration {#ariaid-title1} * Rversion finale: Xanadu * * Mis à jour 1 août 2024 * * ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 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 ToutServices d'adoptionCréer un conseil.. 2. Pour créer votre fenêtre modale d'intégration, procédez comme suit : 1. Renseignez les champs du formulaire. {#create-unified-nav-onboarding-experience__table_zv3_lkv_frb__entry__2} | 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. | [Tableau 1. Formulaire Conseil] {#create-unified-nav-onboarding-experience__table_zv3_lkv_frb} 2. Sélectionnez Soumettre. {#create-unified-nav-onboarding-experience__substeps_icl_qhv_lsb} 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. {#create-unified-nav-onboarding-experience__substeps_ynr_4bx_21c} 4. Pour créer des étapes d'aide incorporée, procédez comme suit : 1. Sélectionnez vos conseils dans la liste Conseils. 2. Dans la liste connexe Étapes de conseils d'aide, sélectionnez Nouveau. 3. Renseignez les champs du formulaire. {#create-unified-nav-onboarding-experience__table_fdb_lmn_jsb__entry__2} | 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 {#create-unified-nav-onboarding-experience__ul_o5p_bd4_2cc} | | 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. | [Tableau 2. Formulaire Étape de conseil d'aide] {#create-unified-nav-onboarding-experience__table_fdb_lmn_jsb} 4. Sélectionnez Soumettre. {#create-unified-nav-onboarding-experience__substeps_ikv_hmn_jsb} 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. 2. Dans la liste connexe Contenu de l'aide, sélectionnez Nouveau. 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. {#create-unified-nav-onboarding-experience__table_sj4_smn_jsb__entry__2} | 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. | [Tableau 3. Formulaire de texte de contenu de l'aide] {#create-unified-nav-onboarding-experience__table_sj4_smn_jsb} 4. Cliquez sur Envoyer. 5. Renseignez les champs du formulaire vidéo. {#create-unified-nav-onboarding-experience__table_mkw_g24_2cc1__entry__2} | 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. | [Tableau 4. Formulaire Contenu de l'aide vidéo] {#create-unified-nav-onboarding-experience__table_mkw_g24_2cc1} 6. Cliquez sur Envoyer. 7. Renseignez les champs du formulaire Image. {#create-unified-nav-onboarding-experience__table_itk_t24_2cc2__entry__2} | 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. | [Tableau 5. Formulaire d'image de contenu de l'aide] {#create-unified-nav-onboarding-experience__table_itk_t24_2cc2} 8. Cliquez sur Envoyer. 9. Renseignez les champs du formulaire de question. {#create-unified-nav-onboarding-experience__table_opl_ff4_2cc3__entry__2} | 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. | [Tableau 6. Formulaire de question de contenu de l'aide] {#create-unified-nav-onboarding-experience__table_opl_ff4_2cc3} 10. Sélectionnez Soumettre. 11. Sélectionnez Nouveau dans le champ connexe de la Question d'aide. {#create-unified-nav-onboarding-experience__table_rkd_yf4_2cc4__entry__2} | 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. {#create-unified-nav-onboarding-experience__ul_qx3_dg4_2cc} | | 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. | [Tableau 7. Formulaire de question d'aide] {#create-unified-nav-onboarding-experience__table_rkd_yf4_2cc4} 12. Sélectionnez Nouveau dans le champ connexe Réponses d'aide pour créer des réponses. {#create-unified-nav-onboarding-experience__table_tyj_sh4_2cc5__entry__2} | 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. | [Tableau 8. Formulaire de réponse d'aide] {#create-unified-nav-onboarding-experience__table_tyj_sh4_2cc5} 13. Sélectionnez Soumettre. {#create-unified-nav-onboarding-experience__substeps_nff_pmn_jsb} 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.