Guias
Aprenda como utilizar a API JavaScript do UserGuiding para iniciar ou finalizar guias.
Comece um guia
Aciona um Guia específico pelo seu ID, iniciando-o para o usuário atual. Se outro Guia estiver sendo reproduzido, ele será interrompido e o guia solicitado será iniciado.
Definição de tipo
type previewGuide = (
guideId: number,
options?: {
checkHistory?: boolean,
initialStep?: number,
}
) => void
Parâmetros opcionais:
initialStep(número) – O número da etapa a partir da qual o Guia deve começar (indexado a partir de 0). O padrão é0, começando na primeira etapa.checkHistory(booleano) – Se falso, o guia ignorará se já foi exibido antes e verificará apenas as condições básicas de segmentação. Se verdadeiro, aplicará todas as condições do guia (segmentação, frequência de exibição, segmentação) como se fosse acionado normalmente. O padrão éfalse.
Exemplos
Acione um guia com opções padrão
userGuiding.previewGuide(1234)Inicie um guia a partir da segunda etapa somente quando o usuário atender às condições de segmentação e aparência.
userGuiding.previewGuide(
1234, {
initialStep: 2,
checkHistory: true
}
)
Finalize o guia
Interrompe imediatamente qualquer guia que esteja sendo visualizada (ou seja, o guia ativo no momento). Isso fechará a interface do guia na página.
Definição de tipo
type finishPreview = () => voidExemplo
Pare qualquer guia ativo
userGuiding.finishPreview();Prossiga para a próxima etapa do guia.
Interrompe imediatamente qualquer guia que esteja sendo visualizada (ou seja, o guia ativo no momento). Isso fechará a interface do guia na página.
Definição de tipo
type goToNextGuideStep = (stepIndex?: number) => voidParâmetro opcional:
stepIndex(número) – O número da etapa para a qual ir (indexado a partir de 0). O padrão é a etapa atual + 1.
Exemplos
Vá para a próxima etapa.
userGuiding.goToNextGuideStep();Vá para o 5º passo.
userGuiding.goToNextGuideStep(4);Isso respondeu à sua pergunta?