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ê tem duas opções para abrir TeachMe através do menu:

1. Você pode adicionar um Lançador ao rodapé do menu.
   Isso dá ao TeachMe um lugar de destaque no menu, onde os usuários sempre poderão vê-lo e acessá-lo. 2. Você pode adicionar um Smart Walk-Thru com um Auto-Step dentro do menu.
   Isso integrará TeachMe na lista com o restante dos itens.

Seja qual for a sua escolha, usaremos o jQuery (não se preocupe, diremos exatamente o que você precisa).

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 j Query 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!

Quando estiver pronto, publique este inicializador e o inicializador aparecerá no menu. Para personalizar o seu Lançador, vá para o Artigo do Lançador.

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 Lá Dê Início.

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 j Query 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.