Os banners e galerias de imagens são elementos visuais essenciais para destacar promoções, campanhas e informações importantes no seu e-commerce. Com o novo sistema da Flexy, é possível gerenciar banners de forma mais flexível e segmentada, garantindo que diferentes perfis de clientes visualizem conteúdos específicos.

Como Configurar Banners

Para configurar banners e imagens, siga os passos abaixo no Painel Administrativo:

1. Acesse o menu Layout e Conteúdos > Banners e Imagens.
2. Você verá a tela de gerenciamento, onde já existe uma galeria padrão chamada "home-banner", que representa o banner principal da página inicial do seu portal.
3. Essa galeria padrão não pode ser excluída, mas pode ser editada conforme sua necessidade.
4. Caso não deseje utilizar um banner na página inicial, ele pode ser desativado no menu Layouts e Conteúdos > Layouts da Loja > Home.

Criando uma Nova Galeria de Banners e Imagens

Caso queira criar uma nova galeria, siga estas etapas:

1. Clique no botão Adicionar no canto superior direito da tela.

2. Preencha os seguintes campos:

   • Código de Referência: Identificador único da galeria, usado no painel administrativo, portal e API.
   • Nome: Nome descritivo da galeria (exibido apenas no painel administrativo).
   • Observações (opcional): Indique dimensões ideais ou requisitos para as imagens, como "750 x 300px, PNG, fundo transparente".
3. Se desejar disponibilizar a galeria também para as lojas adicionarem imagens, selecione o campo "Habilitar para lojas do shopping".

4. Clique em Salvar para finalizar a criação da galeria.

Adicionando Imagens à Galeria

Para incluir imagens na galeria, siga os passos abaixo:

1. Acesse a aba Imagens dentro da galeria criada.
2. Clique no botão Adicionar Imagem.
3. Selecione uma imagem do seu computador e clique em Abrir > Enviar Imagem.

Configurações Avançadas das Imagens

Após o upload, você poderá configurar:

• Link: Define um destino para onde o usuário será redirecionado ao clicar no banner.
• REF (Código de Referência): Identificador exclusivo para reutilização da imagem no layout.
• Title: Texto exibido ao passar o mouse sobre a imagem.
• Alt: Texto alternativo para acessibilidade e SEO.
• Início e Fim: Período de exibição da imagem, útil para campanhas temporárias.
• Visibilidade para Perfis de Clientes:
  • Agora é possível exibir diferentes banners para perfis distintos de clientes.
  • Exemplo: Clientes do perfil "consumidor" podem ver um banner promocional, enquanto clientes "revendedores" visualizam um banner com lançamentos exclusivos.

Excluindo um Banner

Caso precise excluir um banner, siga os passos abaixo:

1. Localize a imagem dentro da aba Imagens da galeria desejada.

2. Clique no ícone excluir.

3. Um pop-up de confirmação será exibido na tela, solicitando a confirmação da exclusão.

⚠️ Importante: Caso o banner esteja ativo em alguma área do site, verifique antes de excluir para evitar falhas na exibição.

Como os Banners São Apresentados no Portal?

As galerias de imagem serão exibidas no portal da seguinte forma:

• A primeira imagem da galeria será carregada automaticamente.
• Caso haja mais imagens, o sistema exibirá um carrossel, alternando entre elas conforme o layout configurado.
• A disposição e o formato dos banners podem ser personalizados junto à sua equipe ou agência responsável pelo design do portal.

📌 Dica: Utilize imagens otimizadas para a web, preferencialmente com menos de 300KB, para garantir melhor performance do site.

O novo sistema de banners da Flexy oferece maior controle sobre a personalização visual da sua loja, permitindo campanhas segmentadas e gerenciamento eficiente de imagens.

Caso tenha dúvidas ou precise de suporte, entre em contato com nossa equipe de atendimento.