Usar imagens com dimensões ajustadas para os dispositivos móveis no catálogo é uma estratégia fundamental para melhorar a experiência do usuário e promover o engajamento dos estudantes.

Imagens bem selecionadas podem transmitir informações de forma rápida e eficaz, capturando a atenção e transmitindo a essência dos cursos. Além disso, elas podem ajudar a destacar características únicas e atrativas de cada curso, auxiliando os alunos na tomada de decisões sobre o que desejam estudar.

A imagem para dispositivos móveis tem uma dimensão diferente para se adaptar melhor a telas de tablets e smartphones.

Você pode utilizar esse recurso nas categorias: destaque personalizado, banners simples e banners duplos.

Não é uma configuração obrigatória, mas melhora a experiência do usuário no mobile.

1º passo: na tela de login, informe seu e-mail, senha e clique em “Entrar”.

2º passo: clique no menu lateral localizado no canto superior esquerdo da tela.

3º passo: clique em “Configurações” e depois em “Seções e destaques”.

4º passo: acesse a aba "Catálogo" e escolha se você quer configurar o banner para dispositivos móveis em uma seção da instituição ou da unidade e clique na opção desejada.

É importante ressaltar que, ao escolher a opção "Unidade" ou "Escola", dependendo do seu pacote de nomenclatura, na próxima página, em "Edição de catálogo" você deve escolher a unidade que deseja editar.

5º passo: primeiro, vamos falar sobre o upload de imagem para dispositivo móveis nos destaques.

Se você quiser configurar a funcionalidade em um destaque que já foi criado, encontre o item que deseja e clique no ícone de edição, representado por um quadro e um lápis.

6º passo: se você quiser configurar a funcionalidade ao adicionar um novo destaque, clique no quadro "Adicionar módulo existente ou criar destaque personalizado".

Atenção! Caso já tenha cinco destaques (que é o número máximo) você precisa excluir um deles para criar mais um.

7º passo: no formulário de criação ou edição de destaque, em "tipo", selecione a opção "Destaque personalizado/banner".

É importante ressaltar que o banner para dispositivo móveis não está disponível para destaques do tipo Curso/Conteúdo Exclusivo e Trilha.

8º passo: insira a imagem para dispositivos móveis. Preste atenção nos formatos e tamanhos de arquivos permitidos.

❗Tamanho banner destaque para dispositivos móveis: 414 x 600px

É importante ressaltar que se você colocar a imagem para dispositivos móveis em um destaque precisa colocar nos outros quatro também.

9º passo: clique em "salvar" para finalizar.

10º passo: agora vamos falar sobre o upload de imagem para dispositivo móveis em seções de banner simples.

Se você quiser configurar a funcionalidade em uma seção de banner que já foi criada, encontre o item que deseja e clique no ícone seta para expandir.

11º passo: se você quiser configurar a funcionalidade ao adicionar um novo banner simples, clique no botão "Criar Seção" e em seguida escolha a opção "Nova Seção de Banner".

Lembrando que toda nova seção fica no final da página de seções.

12º passo: clique no quadro com a mensagem "Clique aqui para enviar sua imagem para o banner".

13º passo: no formulário de criação ou edição de banner, insira a imagem para dispositivos móveis. Preste atenção nos formatos e tamanhos de arquivos permitidos.

❗Tamanho banner secundário para dispositivos móveis: 414 x 600px

Lembrando que se você colocar a imagem para dispositivos móveis em um banner da seção de banners, precisa colocar em todos os outros.

14º passo: para finalizar, clique em "salvar".

15º passo: por último, vamos falar sobre o upload de imagem para dispositivo móveis em seções de banner duplo.

Se você quiser configurar a funcionalidade em uma seção de banner que já foi criada, encontre o item que deseja e clique no ícone seta para expandir.

16º passo: se você quiser configurar a funcionalidade ao adicionar um novo banner duplo, clique no botão "Criar Seção" e em seguida escolha a opção "Nova Seção de Banner duplo".

17º passo: clique no quadro com a mensagem "Tamanho de imagem de capa mobile".

18º passo: preencha o formulário com:

Lembrando que se você colocar a imagem para dispositivos móveis em um banner da seção de banners duplos, precisa colocar no outro também.

19º passo: finalize clicando em "Salvar".

20º passo: para salvar as novas configurações na página de seções não se esqueça de clicar no botão "Salvar alterações".

Pronto! Agora você já sabe como adicionar imagens para dispositivos móveis em todas as seções possíveis.