É 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 Contentful.
O que é possível alterar?
- Título do card
- Cor do texto do card
- Cor de fundo do card
- Ícone do card
- Cor do ícone do card
- URL para redirecionamento
- Tipo de visualização do redirecionamento
Criando um novo card
- No Contentful, lique em “Add entry”, no canto superior direito
- Selecione "Configurações de Urls"
- Ao abrir o componente, vá no campo "Url's", clique em "+Add content" e selecione a opção "Configuração: URL"
-
O componente selecionado abrirá em uma nova janela
-
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 Contentful
- O campo "Selecione um para editar" é utilizado para editar um card já existente dentro do módulo de conta. Ao clicar, será exibida uma lista de cards previamente criados no Contentful. Para editar, basta selecionar o nome do card desejado. Caso você esteja criando um novo card, não preencha este campo
- Em "Texto", preencha com o título que será exibido no card para os usuários do aplicativo
- 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 informando o padrão hexadecimal (Exemplo: FFFFFF ou #FFFFFF). Para utilizar a cor original do ícone, deixe o campo em branco
-
Para alterar a "Cor do fundo" do card, informe o padrão hexadecimal da cor (Exemplo: FFFFFF ou #FFFFFF)
-
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 (opção "Sim") ou no navegador padrão do celular, fora do aplicativo (opção "Não)
Caso desative a opção "abrir como tela", você deve selecionar uma das as opções abaixo para que o aplicativo faça o redirecionamento do link da forma correta:- choose a value: será utilizado a renderização nativa do app
- 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.)
Exemplo: caso você queira adicionar uma URL do WhatsApp, selecione a opção "externalApplication" para que o aplicativo identifique a necessidade de abrir o link no app do WhatsApp ao invés de no navegador
- É possível abrir uma página através dos cards do módulo de conta, ao invés de um link externo. Para isso, é necessário validar com o nosso time de Suporte se a funcionalidade está ativa na sua conta e realizar o seguinte ajuste: selecionar a opção "Sim" em 'Abrir Página de Detalhes ao Clicar', e após isso preencher com o texto que deseja na caixa de texto abaixo de 'Texto de descrição da página':
- Finalizados os passos acima, basta clicar em "Publicar" para que o card seja criado
Quais URLs podem ser alteradas?
No campo "Selecione um para editar" temos uma vasta opção de URLs que podem ser editadas para exibição no app, mas é possível que haja confusão ao escolher o valor correto nessa opção, pois os nomes mostrados no Contentful podem não ser muito intuitivos.
Dessa forma, deixaremos abaixo uma descrição do que cada uma das opções de edição de URL significam no seu app:
- Choose a value: Opção padrão caso nenhuma das opções a seguir esteja de acordo com o que planeja adicionar no card
- Assistance: Assistência técnica aos produtos comprados
- Cancellations_information: Informações sobre cancelamento de produtos
- Cashback: Informações sobre uso/resgate de cashback
- Company: Razão social da empresa
- Conservation: Instruções de conservação dos produtos
- Credit_card: Informações extras sobre pagamento via cartão de crédito.
- Delivery_information: Informações sobre como funcionam as entregas do app.
- Help: Central de atendimento ao cliente
- Our_blog: Link direto para o blog da empresa
- Our_brand: Informações sobre a marca/empresa
- Our_stores: Informações sobre todas as lojas disponíveis ao redor do Brasil
- Printed_booklet: Encarte impresso com as promoções da loja
- Privacy: Política de privacidade
- Product_changes: Troca e devolução de produtos
- Product_changes_partner: Troca de produtos em lojas parceiras
- Product_warranty: Garantias de produtos
- Regulamentos: Regulamentos de promoções, concursos, sorteios ou outros vinculados ao app
- Sell_Comics: Como vender seus próprios quadrinhos
- Support: Central de suporte ao app específico de cada assinante
- Whatsapp: Contato via whatsapp
É importante entender o que cada URL pré definida significa principalmente para quando deseja-se substituir um card que existe no app, mas não possui modelo editável já criado no Contentful.
Caso fique com alguma dúvida, você pode enviar um e-mail para suporte@kobe.io.