---
sourceDocument: Interface do usuário da Now Platform Yokohama
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/platform-user-interface

 Release :

    - yokohama

ft:locale :

    - pt-BR

ft:publication_title :

    - Interface do usuário da Now Platform Yokohama

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Crie um modal de integração

# Crie um modal de integração {#ariaid-title1}

* Versão de lançamento: Yokohama
* 
* Atualizado 30 de jan. de 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 5 min. de leitura

Crie seus próprios modais de integração para apresentar aos usuários uma nova experiência ou aplicação.

## Antes de Iniciar

Função necessária: administrador

## Procedimento

1. Navegar até TudoServiços de adoçãoCriar orientação.
2. Para criar seu modal de integração, faça o seguinte:
   1. No formulário, preencha os campos.  
      {#create-unified-nav-onboarding-experience__table_zv3_lkv_frb__entry__2}

      | Campo | Descrição |
      |-|-|
      | Ordem | Ordem em que a orientação exibe. O número mais baixo é exibido primeiro e o próximo número cronológico segue. |
      | Nome | Nome da experiência de integração. |
      | Tipo | Tipo de orientação que aparece na IU. Selecione Modal . |
      | Funções | Funções para esta orientação. |
      | Aplicação | Aplicação para a orientação. |
      | Status | Status da orientação. |
      | Ativo | Selecione para habilitar ou desabilitar a orientação. |
      [Tabela 1. Formulário de orientação]

      {#create-unified-nav-onboarding-experience__table_zv3_lkv_frb}
   2. Selecione Enviar.
   {#create-unified-nav-onboarding-experience__substeps_icl_qhv_lsb}
3. Para iniciar um modal de integração depois de criado, faça o seguinte:
   1. Crie um client script no UIB.
   2. No snippet de código, insira `api.emit( `
   3. Substitua o ID pelo sys_id da orientação modal a ser aberta.
   4. Salve a página.
   5. Selecione Corpo No painel esquerdo da página UIB.
   6. No painel direito, selecione Eventos .
   7. Em Eventos expedidos selecione Adicionar .
   8. No nome do evento, adicione `GUIDANCE_START_REQUESTED `e dê um nome ao rótulo.
   9. Selecione Salvar.
   {#create-unified-nav-onboarding-experience__substeps_ynr_4bx_21c}
4. Para criar etapas de orientação de ajuda integrada, faça o seguinte:
   1. Selecione sua orientação na lista de orientações.  
   2. Na lista relacionada Etapas de orientação de ajuda, selecione Novo .  
   3. No formulário, preencha os campos.  
      {#create-unified-nav-onboarding-experience__table_fdb_lmn_jsb__entry__2}

      | Campo | Descrição |
      |-|-|
      | Nome | Nome da sua orientação. |
      | Layout | Layout selecionado da orientação. * Vídeo * Imagem * Texto * Pergunta * Imagem e texto * Imagem e pergunta {#create-unified-nav-onboarding-experience__ul_o5p_bd4_2cc} |
      | Ordem | Ordem em que a orientação exibe. O número mais baixo é exibido primeiro e o próximo número cronológico segue. |
      | Rótulo de Ação | Rótulos de botão que permitem que o usuário navegue pelo modal de orientação. |
      | Aplicação | Escopo da aplicação para a orientação. Esta orientação se aplica ao Escopo global. |
      | Orientação | A orientação à qual esta Etapa de orientação de ajuda se aplica. |
      [Tabela 2. Formulário de etapa de orientação de ajuda]

      {#create-unified-nav-onboarding-experience__table_fdb_lmn_jsb}
   4. Selecione Enviar.
   {#create-unified-nav-onboarding-experience__substeps_ikv_hmn_jsb}
5. Para criar conteúdos de ajuda para suas etapas de orientação de ajuda, faça o seguinte:
   1. Selecione sua etapa de orientação de ajuda na lista relacionada.  
   2. Na lista relacionada Conteúdo da ajuda, selecione Novo .  
   3. Nota:  
      Os campos de formulário são diferentes para cada tipo de orientação. Consulte o formulário correto para obter orientação.
      No formulário de texto, preencha os campos.  
      {#create-unified-nav-onboarding-experience__table_sj4_smn_jsb__entry__2}

      | Campo | Descrição |
      |-|-|
      | Título | Título do conteúdo de ajuda. |
      | Legenda | Legenda exibida no modal do conteúdo de ajuda na IU. |
      | Tipo | Tipo de orientação selecionado. |
      | Aplicação | Escopo da aplicação para a orientação. |
      | Etapa de orientação | Etapa de orientação de ajuda à qual este conteúdo de ajuda está associado. Por exemplo, Introdução/boas-vindas, Menu Todos e Histórico. |
      | Padrão | Conteúdo de ajuda que é o padrão para a etapa de orientação. |
      | Rodapé | Rodapé exibido no modal do conteúdo de ajuda na IU. |
      | Fornecer HTML personalizado | HTML personalizado para seu conteúdo de ajuda. |
      | Texto | Texto exibido no modal do conteúdo de ajuda na IU. |
      [Tabela 3. Formulário de texto de conteúdo de ajuda]

      {#create-unified-nav-onboarding-experience__table_sj4_smn_jsb}
   4. Clique em Enviar.
   5. No formulário de vídeo, preencha os campos.  
      {#create-unified-nav-onboarding-experience__table_mkw_g24_2cc1__entry__2}

      | Campo | Descrição |
      |-|-|
      | Título | Título do conteúdo de ajuda. |
      | Legenda | Legenda exibida no modal do conteúdo de ajuda na IU. |
      | Tipo | Tipo de orientação selecionado. |
      | Link de vídeo | O link para exibir seu vídeo. Nota: Somente YouTube e Vimeo são compatíveis. |
      | Aplicação | Escopo da aplicação para a orientação. |
      | Etapa de orientação | Etapa de orientação de ajuda à qual este conteúdo de ajuda está associado. Por exemplo, Introdução/boas-vindas, Menu Todos e Histórico. |
      | Padrão | Conteúdo de ajuda que é o padrão para a etapa de orientação. |
      | Rodapé | Rodapé exibido no modal do conteúdo de ajuda na IU. |
      | Fornecer HTML personalizado | HTML personalizado para seu conteúdo de ajuda. |
      | Texto alternativo | Texto alternativo exibido no modal do conteúdo de ajuda na IU. |
      [Tabela 4. Formulário de vídeo de conteúdo de ajuda]

      {#create-unified-nav-onboarding-experience__table_mkw_g24_2cc1}
   6. Clique em Enviar.
   7. No formulário de imagem, preencha os campos.  
      {#create-unified-nav-onboarding-experience__table_itk_t24_2cc2__entry__2}

      | Campo | Descrição |
      |-|-|
      | Título | Título do conteúdo de ajuda. |
      | Legenda | Legenda exibida no modal do conteúdo de ajuda na IU. |
      | Tipo | Tipo de orientação selecionado. |
      | Imagem | A imagem selecionada para ser exibida em sua orientação. |
      | Aplicação | Escopo da aplicação para a orientação. |
      | Etapa de orientação | Etapa de orientação de ajuda à qual este conteúdo de ajuda está associado. Por exemplo, Introdução/boas-vindas, Menu Todos e Histórico. |
      | Padrão | Conteúdo de ajuda que é o padrão para a etapa de orientação. |
      | Rodapé | Rodapé exibido no modal do conteúdo de ajuda na IU. |
      | Fornecer HTML personalizado | HTML personalizado para seu conteúdo de ajuda. |
      | Fornecer link de imagem | O link da imagem é exibido na orientação. |
      | Texto alternativo | Texto alternativo exibido no modal do conteúdo de ajuda na IU. |
      [Tabela 5. Formulário de imagem de conteúdo de ajuda]

      {#create-unified-nav-onboarding-experience__table_itk_t24_2cc2}
   8. Clique em Enviar.
   9. No formulário de pergunta, preencha os campos.  
      {#create-unified-nav-onboarding-experience__table_opl_ff4_2cc3__entry__2}

      | Campo | Descrição |
      |-|-|
      | Título | Título do conteúdo de ajuda. |
      | Legenda | Legenda exibida no modal do conteúdo de ajuda na IU. |
      | Tipo | Tipo de orientação selecionado. |
      | Aplicação | Escopo da aplicação para a orientação. |
      | Etapa de orientação | Etapa de orientação de ajuda à qual este conteúdo de ajuda está associado. Por exemplo, Introdução/boas-vindas, Menu Todos e Histórico. |
      | Padrão | Conteúdo de ajuda que é o padrão para a etapa de orientação. |
      | Rodapé | Rodapé exibido no modal do conteúdo de ajuda na IU. |
      | Fornecer HTML personalizado | HTML personalizado para seu conteúdo de ajuda. |
      [Tabela 6. Formulário de pergunta do conteúdo da ajuda]

      {#create-unified-nav-onboarding-experience__table_opl_ff4_2cc3}
   10. Selecione Enviar.
   11. Selecione Novo No campo relacionado Pergunta de ajuda.  
       {#create-unified-nav-onboarding-experience__table_rkd_yf4_2cc4__entry__2}

       | Campo | Descrição |
       |-|-|
       | Pergunta | O conteúdo da pergunta a ser adicionada à orientação. |
       | Ordem | A ordem da pergunta na orientação. |
       | Variante | A variante da pergunta. * O rádio está selecionado para perguntas com apenas uma resposta. * A caixa de seleção está marcada para perguntas com várias respostas. {#create-unified-nav-onboarding-experience__ul_qx3_dg4_2cc} |
       | Aplicação | Escopo da aplicação para a orientação. |
       | Conteúdo da Ajuda | O conteúdo da Ajuda para o qual a pergunta foi criada. |
       | Obrigatório | A pergunta é Obrigatória quando selecionada. |
       [Tabela 7. Formulário de pergunta de ajuda]

       {#create-unified-nav-onboarding-experience__table_rkd_yf4_2cc4}
   12. Selecione Novo No campo relacionado Respostas de ajuda para criar respostas.  
       {#create-unified-nav-onboarding-experience__table_tyj_sh4_2cc5__entry__2}

       | Campo | Descrição |
       |-|-|
       | Rótulo | O rótulo da resposta. |
       | Valor | O valor da resposta. |
       | Ordem | A ordem da resposta. |
       | Aplicação | Escopo da aplicação para a orientação. |
       | Pergunta | A pergunta para a qual a resposta foi criada. |
       [Tabela 8. Formulário de resposta de ajuda]

       {#create-unified-nav-onboarding-experience__table_tyj_sh4_2cc5}
   13. Selecione Enviar.
   {#create-unified-nav-onboarding-experience__substeps_nff_pmn_jsb}
6. Crie qualquer orientação adicional para criar sua experiência de integração.
7. Quando terminar de criar sua orientação de integração, confirme se o status da orientação está definido como Publicado No formulário de orientação.
8. No formulário de orientação, selecione Atualizar .

