Breve Visão Geral

Se você estiver usando o TeachMe para seus funcionários internamente ou ajudando seus usuários externos a terem a melhor experiência com seu site ou produto, eles precisarão acessar TeachMe.

Neste artigo, veremos como lançar sua experiência TeachMe por meio do menu WalkMe. O Menu é um ótimo lugar para armazenar seus itens mais importantes, incluindo seus cursos TeachMe. Seus usuários terão acesso fácil ao treinamento de que precisam, quando precisarem.

Ainda não tem um menu? Não se preocupe! É simples. Basta conferir este artigo no Organizador de Menu.

Como funciona

Você pode abrir TeachMe no Menu WalkMe de três maneiras:

1. Adicione um lançador ao rodapé do menu
   Use esta opção se quiser um botão dedicado no menu que abre TeachMe.
2. Adicione um Smart Walk-Thru ao Menu
   Use esta opção se quiser que TeachMe apareça como um item na lista de Menu.
3. Use a TeachMe Player API
   Use esta opção se tiver um desenvolvedor e precisar de mais controle sobre quando TeachMe é aberto.

As opções 1 e 2 usam seletores jQuery. Fornecemos os seletores exatos que você precisa nas etapas abaixo.

Adicionar Lançador ao Rodapé do Menu

Se o Lançador for sua escolha, recomendamos adicioná-lo ao rodapé do menu. Esta é normalmente a área com mais espaço. Dito isto, se você quiser adicionar o Lançador a uma parte diferente do menu, você pode pesquisar o snippet jQuery e substituir o abaixo.

Para adicionar um Lançador ao menu:

Etapa 1: Criar um Lançador

1. No Editor, crie um Lançador através do grande ícone azul +.
2. Capture qualquer coisa no site (mudaremos o local mais tarde).
3. Clique em Salvar .

Launchers: Getting Started Guide

Etapa 2: Inserir jQuery

1. No Editor, clique no Lançador para abrir a tela Opções do Lançador.
2. Vá para Ação >de Interação.
3. Selecione Abrir menu Cursos no menu suspenso.
4. Na página Opções do Lançador, vá para a guia Elemento Selecionado.
5. Em Comportamento do Elemento, selecione Aparece e desaparece como resultado da ação do usuário
6. Em Definir como identificar o elemento, selecione jQuery Selector.

No campo seletor jQuery: Digite: #walkme-footer (se quiser em outro local no menu, adicione o jQuery aqui).

Etapa 3: Alterar a aparência da configuração do lançador

1. Vá para Posição >de Aparência.
2. Em Configuração do Lançador, selecione Interno e a seta para a esquerda (isso colocará o Lançador no canto inferior esquerdo do menu).

Etapa 4: Alterar o Z-Index

1. Ainda na guia Aparência, vá para Organizar a Ordem das Camadas.
2. Ativar o Z Index ON.
3. Em Definir valor do índice Z manualmente, digite 2147483647.
4. Clique em Salvar .

Feito!

Sempre que estiver pronto, publique este lançador e o lançador aparecerá no Menu. Para personalizar o seu Lançador, vá para o Artigo dos Lançadores.

Adicionar Smart Walk-Thru com Auto-Step

Talvez ter um botão separado no menu não seja o seu estilo. Talvez você queira adicionar sua experiência TeachMe à lista de outros itens no menu. Neste caso, você criará um Smart Walk-Thru super simples com um Auto-Step que abre o menu do curso (Sim! É apenas uma etapa). Vamos começar.

Para adicionar uma etapa automática Smart Walk-Thru:

Etapa 1: Crie um Smart Walk-Thru

1. No Editor, crie um Smart Walk-Thru através do grande ícone azul +.
2. Inicie o Smart Walk-Thru clicando no botão laranja + e selecionando Auto Step.
3. Selecione qualquer elemento (mudaremos o local mais tarde).
4. No menu suspenso Ação, deixe Clique como selecionado.
5. Clique em Concluído .

Etapa 2: Etapa 2: Inserir jQuery

1. De volta ao Editor, clique na Etapa Automática que você criou.
2. Vá para a guia Elemento Selecionado.
3. Em Definir como identificar o elemento, selecione jQuery Selector.
4. No seletor JQuery: Digite: #walkme-player-panel (isso abre o menu em vez de clicar no elemento aleatório selecionado).
5. Clique em Concluído .

Etapa 3: Adicione o Smart WalkThru ao Organizador de Menus

1. Navegue até o Organizador de Menus no Console WalkMe: console.walkme.com/menu
2. Na Lista de itens, localize o novo Smart Walk Thru e arraste-o para o local desejado no menu.
3. Clique em Salvar .

Feito!

Saiba mais sobre Smart Walk-Thrus e AutoSteps neste artigo.

Abra o TeachMe com a API TeachMe Player

Os desenvolvedores podem abrir o TeachMe com JavaScript personalizado. Use essa opção quando as opções do Editor não cubram o comportamento desejado.

Para abrir TeachMe, chame este comando:

TeachMePlayerAPI.toggleMenu()

O comando alterna o TeachMe Menu. Ele abre TeachMe se estiver fechado e fecha se estiver aberto.