FAQ: Este artigo fornece instruções passo a passo sobre configurar a jornada de onboarding do cliente (cms contentful).
Jornada de Onboarding do Cliente
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 ( clique aqui para enviar 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.