É possível criar cards dentro do módulo de conta do aplicativo para servirem de atalho a páginas externas importantes, como política de privacidade, trocas e devoluções, suporte, entre outros. A gestão desses cards é feita através do CMS.
O que é possível alterar?
- Título do card
- Cor do texto do card
- Cor de fundo do card
- Ícone do card
- URL para redirecionamento
- Tipo de visualização do redirecionamento
Criando um novo card
- Realize o login no painel administrativo da VTEX e entre no espaço destinado app
Exemplo: - Vá no módulo "Storefront" e clique na função "Headless CMS"
- No campo de busca procure pelo componente "Configuração de URL" e clique nele para iniciar a edição
- Já no componente, clique no "+" e selecione "Configuração URL" para criar um novo card
- Preencha o campo de "Título" com o nome que você deseja dar para o card, esse título não irá aparecer para o usuário final, mas é importante usar uma nomenclatura que auxilie na gestão interna dos cards no CMS
- No campo "Url", insira o link para onde o usuário será direcionado ao clicar no card
- Em "Imagem do ícone" ou "Id do ícone", faça upload do arquivo que será exibido como ícone no card ou escolha um ícone do catálogo e insira o ID dele no campo indicado
- No campo "Cor do ícone", você pode alterar a cor de fundo do card informando o padrão hexadecimal da cor (Exemplo: FFFFFF ou #FFFFFF).
- No campo "Cor do primeiro plano", você pode alterar a cor do texto e do ícone inserido no campo "ID do ícone" inserindo o padrão hexadecimal da cor (Exemplo: FFFFFF ou #FFFFFF). Para utilizar a cor original do ícone, deixe o campo em branco
- No campo "Ativo", você define se o card será exibido ou não no módulo de conta do app
- O campo "Abrir como Tela" define se a URL abrirá dentro do próprio aplicativo ou no navegador padrão do celular, fora do aplicativo
-
Caso desative a opção "Abrir como Tela", você deve selecionar uma das as opções abaixo no campo "Selecionar modo de abertura" para que o aplicativo faça o redirecionamento do link da forma correta:
- platformDefault: será utilizado a renderização nativa do sistema operacional do device
- inAppWebView: essa opção renderiza em webview do sistema operacional nativo do device
- externalApplication: essa opção renderiza em outros aplicativos (WhatsApp, Facebook, Instagram, etc.)
- Ao finalizar as alterações, lembre-se de clicar em "Salvar" e depois em "Publicar" para garantir que as alterações sejam armazenadas e o conteúdo seja disponibilizado no app
Caso fique com alguma dúvida, você pode enviar um e-mail para suporte@kobe.io.