A Jornada de Onboarding oferece a possibilidade de definir preferências, proporcionando ao usuário uma experiência personalizada com base em suas escolhas.
O fluxo pode ser acionado quando o usuário abre o aplicativo pela primeira vez ou através da página de perfil. Caso o usuário tenha pulado o processo inicial, ele pode acessar o fluxo novamente na página de perfil. A ativação automática ao abrir o app pela primeira vez pode desativada remotamente, tornando assim, o fluxo acessível apenas através da página de perfil.
Obs.: As preferências do usuário ficam salvas localmente no dispositivo, porém é interessante que o assinante possua uma API própria para que esses dados sejam enviados e o assinante possa acessá-los também (Enviar para suporte@kobe.io a url da API usada para coleta de dados).
Obs.: Para iniciar a jornada, o usuário precisa estar logado. O ID do usuário na plataforma VTEX é obtido durante o processo de login, garantindo a singularidade dos dados enviados para a API de onboarding definida.
Configurações controladas via Suporte
- Ativar ou desativar a jornada.
- Ativar as vitrines e categorias personalizadas com base nas preferências do usuário.
-
Carrossel de produtos: Ao ter suas preferências configuradas, será exibido na home um carrossel com produtos buscados a partir das categorias/coleções selecionadas como preferência.
- Menu de categorias: Ao ter suas preferências configuradas, no menu de categorias aparecerá um atalho para acessar a PLP.
-
- Exibir ou ocultar o card para editar/configurar preferências na página do perfil.
- Definir se a jornada será exibida automaticamente na primeira vez que o usuário abrir o aplicativo.
- Configurar as URLs da API (para envio e recebimento de dados).
- Especificar os nomes das chaves para o envio e recebimento de informações pela API.
Configurando a Jornada de Onbording
- Entre no Contentful e faça login com o e-mail que já possui acesso à ferramenta;
- Na aba "Content", clique em "Add Entry" e selecione a opção do componente "Jornada de Onboarding".
- Ao abrir o modelo para edição, preencha os campos indicados conforme as instruções abaixo:
-
Título: Título do modelo, apenas para controle interno. Não é exibido no app.
-
Ativar a jornada de onboarding no App? : Define se a jornada vai ser exibida ou não para os usuários
-
Imagem da tela de boas vindas: Imagem que será exibida na tela de boas vindas
-
Imagem da tela de login: Como o login é necessário para o início do fluxo, foi desenvolvida uma tela de login dedicada, onde é possível personalizar a imagem.
-
Etapas/Páginas da jornada: Páginas/Etapas que farão parte da jornada (próximo tópico)
-
Configuração de Etapa/Página da Jornada de Onboarding
- No componente Jornada de Onboarding selecione a opção de adicionar o componente "Jornada de Onboarding | Etapa/Página".
- Ao abrir o modelo para edição, preencha os campos indicados conforme as instruções abaixo:
-
Título: Título para identificação do modelo, não aparece no app
-
Número da Etapa/Página (1, 2, 3 ou 4): Número da página para ordenação do fluxo
-
Tipo de página: Tipo da página (boas vindas, seleção vertical, seleção grid, sucesso)
-
Título da página: Título que será exibido na página no app
-
Texto de apoio: Texto de apoio que será exibido na página no app
-
Opções de seleção de preferências: Opções de preferências para o usuário selecionar (próximo tópico)
-
As opções são referentes à uma (categoria ou coleção): As opções da etapa fazem referência à coleções ou categorias?
-
Quantas opções o usuário pode selecionar?: Número de opções que o usuário pode selecionar naquela etapa.
-
As opções são finais? (Sim ou não): Define se as opções da página são uma pré-seleção, ou se as opções são parte da etapa da etapa final, onde os dados serão enviados de fato.
-
Configuração de Opções de Seleção em uma etapa/página
- No componente Jornada de Onboarding selecione a opção de adicionar o componente "Jornada de Onboarding | Opções de seleção".
- Ao abrir o modelo para edição, preencha os campos indicados conforme as instruções abaixo:
-
Texto da opção: Nome da opção para ser exibida no app
-
Insira o ID da coleção ou categoria: id da coleção ou categoria (se for categoria colocar o caminho completo de busca da vtex)
-
Imagem do card: imagem a ser exibida nas opções em grid
-
Relação com a pré-seleção: se houver a pré-seleção que vai filtrar as opções de seleção final, colocar o id da categoria/coleção da pré-seleção
-
Exemplo no App
Ao final, lembre-se de publicar a alteração para que ela seja aplicada no aplicativo.
Caso fique com alguma dúvida, você pode enviar um e-mail para suporte@kobe.io.