Criar um tour guiado

  • Versão de lançamento: Yokohama
  • Atualizado 30 de jan. de 2025
  • 5 min. de leitura
  • Depois de descrever o tour guiado, use Designer de tours guiados (GTD) para inserir as etapas usando textos explicativos e gatilhos.

    Antes de Iniciar

    Função necessária: Guided_tour_admin ou admin

    Por Que e Quando Desempenhar Esta Tarefa

    Esta tarefa é um exemplo que ilustra como criar um tour guiado para atribuir um delegado de férias.

    Procedimento

    1. Navegar até Tudo > Designer de Tour Guiado > Criar Tour.
    2. Preencha os campos no formulário.
      Campo Descrição
      Nome Insira um nome para o tour que descreva o que o usuário realiza ao concluí-lo. Por exemplo, neste caso, Definir um delegado de férias.
      Tipo de Tour Selecione:
      • IU padrão para tours que começam a partir do conteúdo da plataforma do sistema, como uma lista ou um formulário.
      • Portal de serviços para tours que começam em uma página do Portal de serviços.
        Nota:
        Quando você seleciona Portal de serviços, uma opção de Portal é exibida, na qual você escolhe um registro da tabela Portais de serviços.
      • IU personalizada para tours que começam na página de IU personalizada.
      • Espaços para tours que começam em uma página de espaço.
      Página inicial Selecione a página em que o tour começa.
      • Se o seu tipo de tour for IU padrão, suas escolhas incluirão páginas que mostram listas e formulários.
      • Se o seu Tipo de tour for Portal de serviços, suas escolhas incluirão as páginas do Portal de serviços.
        Nota:
        No sistema de base, você só pode iniciar tours de páginas que usam o Menu de cabeçalho SP. Os tours iniciados manualmente não são exibidos em páginas com menus de cabeçalho personalizados.
      • Se o seu tipo de tour for IU personalizada, suas escolhas incluirão páginas que mostram páginas de IU personalizada.
      • Se o seu tipo de tour for Espaços, suas escolhas incluirão páginas que mostram páginas de Espaços. Você pode selecionar a página de duas maneiras:
        • Colar URL: você pode copiar o URL da página do espaço e colá-lo. Se o URL não for uma experiência válida, o botão Criar tour não será habilitado.
        • Seleção manual: você pode selecionar a página no menu suspenso digitando o nome da página.
          Nota:
          Se a página selecionada contiver parâmetros, você deverá mencionar os valores dos parâmetros. Você pode configurar os parâmetros da página como dinâmicos se quiser que o tour se aplique à mesma página sem parâmetros exatos.

      Você pode começar a digitar o nome da página de IU para mostrar uma lista de páginas correspondentes e selecioná-la na lista.

      Nota:
      Em alguns casos, navegar até formulários e listas padrão ao criar tours personalizados pode não funcionar como esperado. Você pode escolher uma solução alternativa a seguir para criar o tour de IU personalizado nesses casos.
      1. Crie um tour de tipo de IU padrão em qualquer página, de preferência na página inicial.
      2. Vá para a propriedade do sistema - com.snc.guided_tours.homepages e adicione o nome da página personalizada no campo Valor desta página. Você pode inserir vários valores separados por vírgulas.
      3. Atualize o contexto do tour da exibição de formulário para sua página personalizada.
      Funções
      • Se o tour puder ser acessado por todas as funções, selecione Todos.
      • Se o tour puder ser acessado por funções específicas, selecione Específico.

      Selecione as funções que podem acessar este tour guiado e mova-as para a lista Funções que podem exibir o tour na lista Funções disponíveis.

      Nota:
      Quando você adiciona pelo menos uma função a um tour, isso limita o público apenas aos usuários que têm essa função.
    3. Clique em Criar.
      O Guided Tour Designer é aberto com o status de rascunho em uma nova guia ou janela. Neste exemplo, nenhum registro é exibido na lista quando novos delegados são criados.
      Mostra a página Função de delegado com a lista de delegados. Neste exemplo, nenhum registro é exibido na lista, pois novos delegados não são criados na instância.
    4. Clique em Criar introdução.
      1. Insira um título introdutório para o tour guiado, como Cobrir suas aprovações durante as férias.
      2. Digite uma mensagem para os usuários finais apresentando o objetivo da demonstração, como Ingressar neste tour para saber como criar um delegado de férias.
      Você pode editar e excluir introduções, conclusões e textos explicativos a qualquer momento enquanto o tour estiver no status de rascunho. Você também pode inserir marcação HTML em Conclusões, Introduções e textos explicativos.
    5. Conclua as etapas a seguir para adicionar uma etapa de tour com um texto explicativo e um gatilho.
      1. Arraste uma forma de texto explicativo do canto superior direito da tela e solte-a sobre o elemento de IU.
        O elemento é realçado quando o texto explicativo está posicionado corretamente. Quando você libera o texto explicativo, ele é bloqueado na posição.

        Texto explicativo posicionado corretamente

      2. Depois que o texto explicativo for colocado na posição correta, a página Criar etapa será exibida.Criar página de etapa
      3. Insira as instruções na caixa de texto no painel à direita.
      4. Mude a direção do texto explicativo selecionando a opção apropriada em Posicionamento.
        Somente as opções de posicionamento que você pode usar para o elemento selecionado são habilitadas nas opções.
      5. Selecione o gatilho em Escolher campo de ação. Somente os gatilhos que você pode usar para o elemento selecionado aparecem na lista.

        Gatilho de texto explicativo

      6. Opcional: Para aplicar formatação de texto, como negrito ou itálico, adicione marcadores html ao redor do texto a ser formatado.
        Por exemplo, insira Clique em <b>Novo</b> para configurar um delegado.... Você pode adicionar outros marcadores HTML, incluindo marcadores para imagens.
      7. Opcional: Marque a caixa de seleção ao lado de Ignorável se o usuário puder ignorar a etapa e passar para a próxima caso o tour falhe nessa etapa.
      8. Clique em Salvar.
        O rótulo da primeira etapa é exibido.

        Rótulo de texto explicativo da primeira etapa do tour

        Quando os usuários finais clicam no rótulo, eles veem as instruções da primeira etapa renderizadas como uma mensagem.

        O rótulo da primeira etapa do tour foi renderizado

    6. Continue adicionando etapas até concluir o tour.
      O tour é salvo conforme você salva cada etapa.
    7. Clique em Criar conclusão.
      Insira uma mensagem para os usuários finais que conclua a demonstração e resuma o que eles realizaram. Por exemplo, insira Parabéns! Você acabou de criar um delegado para cuidar de tudo enquanto está de férias. Divirta-se!.
    8. Clique em Salvar.
      Sua mensagem de conclusão aparece após a última etapa do tour, mostrando o resultado final do tour. Quando os usuários clicam em Concluir, o tour termina.
      Fechando etapa em um tour guiado - IU Madrid
    9. Clique em Visualizar a qualquer momento para testar suas etapas e fazer as revisões finais no tour até que você esteja satisfeito.
      Observe as etapas que não estão funcionando corretamente ou que precisam de correção. Edite o tour ou as etapas conforme descrito em Editar um tour guiado.
    10. Para compartilhar seu rascunho ou tour publicado com colegas internos para revisão, você pode:
      1. Clique em o ícone Copiar URL Mostre ao usuário o ícone Copiar URL para tours guiados. para copiar a URL do tour.
      2. Envie o URL para revisores.
    11. Clique em Publicar para tornar seu tour guiado visível para os usuários finais.
      Cada tour guiado é alocado com um ID de tour exclusivo quando é criado. Os tours serão exibidos em ordem alfabética se você definir a propriedade (com.snc.guided_tours.sort) como verdadeira. Quando os usuários acessam uma página inicial do tour guiado, eles podem acessar o tour a partir do seguinte.
      • Se o tipo de tour for IU padrão, eles poderão clicar em Fazer um tour no painel do GTD.
      • Se o tipo de tour for Portal de serviços, eles poderão clicar em Tours na faixa da página.