O Contentful permite alterar em tempo real diversos componentes e módulos do aplicativo, como a estrutura de categorias, selos promocionais e atalhos no perfil. Este artigo focará na alteração dos componentes da home do app (carrosséis, banners, vitrines, etc.).
Criando uma nova home
- Realize o login no Contentful
- Vá no módulo "Content", clique em "Add Entry" e selecione a opção "Home"
- No card de "Home" preencha os campos indicados conforme as instruções abaixo:
- Título: nome usado apenas para controle interno, não é apresentado ao usuário final
- Ativo: caso inativo, as configurações feitas na home não irão refletir no app
- Componentes: clique em "+ Add content" e selecione o conteúdo que você deseja adicionar para compor a home do app (ex: carrossel de banner, mosaico de banner, carrossel de categorias, etc.)
- Exibição Programada: É possível realizar configurações de início e fim do período no qual a home será exibida no aplicativo. Caso os valores estejam em branco, ela será exibida sem restrições a período nenhum
Editando uma home existente
-
Realize o login no Contentful
-
No módulo de "Content", no campo "Content type", selecione o tipo de componente "Home"
-
Clique no card "Home" e edite o componente desejado clicando em cima dele
- Lembre de publicar as mudanças realizadas para que elas reflitam no app
Cuidados na criação de uma Home
A ferramenta de duplicação de componentes do Contentful pode ser muito útil considerando otimização do tempo gasto para criar uma nova Home do zero para um determinado período do ano, porém, existem alguns pontos a se ter como alerta não só nessa funcionalidade como em outras:
- Componentes interligados:
- A duplicação de componentes do Contentful faz com que esses componentes estejam interligados, mesmo estando em Homes diferentes. Dessa forma, é preciso tomar cuidado ao alterar imagens, direcionamentos, ordem de exibição, etc em componentes que foram duplicados, pois a alteração irá refletir de uma Home para outra.
- As alterações feitas em um componente que está interligado a outro irão marcar esse componente com a tag azul "Changed", ou seja, caso você garanta que não vai mais mexer na Home anterior, pode deixá-la dessa forma.
- Programação da Home:
- Além de duplicar a Home, também é possível possível programar sua exibição para atender um determinado período e mudando após terminar ou começar determinada festividade.
- É extremamente recomendado que testem a mudança programada de Home antes do período em que ela deve realmente acontecer para garantir que tudo foi configurado da maneira correta.
- O fuso horário utilizado no Brasil é o UTC -03:00, confiram também se essa variável está correta ao programar um conteúdo.
- Programação de Componentes da Home:
- Uma boa solução para alterar detalhes da Home sem alterá-la por inteiro é programar individualmente a exibição de determinados componentes dentro da Home.
- Todos os principais componentes como Banner, Lista de Produtos, possuem um componente de programação próprio que pode e deve ser utilizado nessa troca de sazonalidade, otimizando também o processo de replicar componentes do zero.
Caso fique com alguma dúvida, você pode enviar um e-mail para suporte@kobe.io.