Dentro do Contentful, este componente permite que informações adicionais sejam enviadas no pedido do usuário do App, e pode ser completamente customizado.
O Add-on, pode ser exibido em dois momentos: na página do carrinho e na página de método de entrega.
Página do carrinho
Exemplo no contexto de indisponibilidade de produto:
Página de método de entrega
Configurando o componente Add-On
- Entre 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 "Add-on no Pedido"
-
Ao abrir o modelo para edição, preencha os campos indicados conforme as instruções abaixo:
-
- Título: insira o título que será exibido no topo do componente no aplicativo.
- Ativo: selecione essa opção para exibir ou não o componente no aplicativo.
-
Contexto do componente: defina em qual fluxo o componente será exibido.
- Quando selecionada a opção CARRINHO, o componente aparecerá abaixo dos produtos inseridos no carrinho.
- Quando selecionada a opção ENTREGA o componente aparecerá na página de método de entrega, abaixo da seleção de frete (e não será exibido caso o usuário não tenha endereços cadastrados).
- Texto informativo: insira um texto informativo que anteceda e dê sentido às opções apresentadas.
- Opções: são as opções que o usuário poderá selecionar. Para este modelo de opção, basta inserir o texto da opção que aparecerá no app. Obs.: é permitido cadastrar no máximo 4 opções; e os textos longos serão exibidos em duas linhas e caso ultrapassem esse limite, o restante do texto será suprimido com reticencias (....).
-
- Após preenchido os campos, adicione as opções, basta clicar em “+ Add content”, selecionar uma opção já existente ou cadastrar uma nova.
Obs.: quando a opção selecionada na parte de contexto for “CARRINHO” e quiser substituir um item, é necessário colocar como “true” igual na imagem 1. Se quiser apenas excluir um item, colocar como “false”, conforme imagem 2.
Imagem 1:Imagem 2:
- Após adicionado, clique em "Publish changes", para que as mudanças realizadas reflitam no app.
Obs.: não se esqueça de publicar as opções, além do próprio componente.
Visualização na VTEX
Após o usuário concluir o pedido, as informações do componente Add-On serão exibidas no campo "Observações do cliente" na plataforma VTEX. Assim, os detalhes personalizados do componente serão visíveis para a equipe de processamento do pedido.
No painel irá aparecer o título do componente cadastrado no Contentful e a opção selecionada pelo usuário, como mostra o exemplo abaixo:
