Utilize este módulo para gerenciar seus banners e galerias de imagens.

Como configurar Banners?

Para configurar banners e imagens, você deve acessar seu Painel Flexy no menu Layout e Conteúdos > Banners e Imagens, onde verá a tela conforme abaixo:

Ao acessar a tela você verá que uma galeria já esta criada, o "home-banner", que nada mais é do que o banner originalmente definido na página inicial de seu portal. Esta galeria não pode ser excluída, apenas modificada.

Caso você não deseje utilizar um banner na tela inicial de sua loja, não há problemas, esta galeria continuará existindo neste tela, mas poderá ser desabilitada no layout de sua página inicial, através do menu Layouts e Conteúdos > Layouts da Loja > Home.

Adicionando uma nova galeria de Banners e Imagens

Para criar uma nova galeria de banners e imagens clique no botão Adicionar, no canto superior direito de sua tela. Uma nova página será aberta conforme abaixo:

Nesta tela, serão apresentados os seguintes campos a serem preenchidos:

Código de Referência: O código de referência é exclusivo e serve para identificar a galeria no painel administrativo, portal e API.

Nome: O nome é utilizado para identificar a galeria no painel administrativo. 
Dica: o nome é exibido exclusivamente no painel administrativo, não sendo exibido para os clientes no portal.

Observações (opcional): Digite aqui as dimensões ideais ou outras informações importantes para as imagens desta galeria. Assim, quando você precisar adicionar uma nova imagem, você saberá exatamente quais deverão ser dimensões e padrões a seguir.
Exemplo: 750 x 300px ou 750 pixels de largura x 300 pixel de altura, em formato PNG com fundo transparente.

ABA IMAGENS

Aqui são apresentadas as imagens desta galeria. 

Utilize o botão "Adicionar imagem" para inserir as imagens em sua galeria. É possível fazer upload de novas imagens ou selecionar imagens já utilizadas anteriormente. 

Dica: Utilize imagens otimizadas para a internet, de preferência que não ultrapassem os 300kb de peso. Isto fará com que seu portal fique mais ágil e ofereça uma melhor experiência de navegação ao usuário.

 Ao clicar em Adicionar imagem a tela abaixo será apresentada:

Clicar em escolher arquivos e tela de seleção de arquivos será aberta:

Ao selecionar a imagem clique em Abrir e depois em Enviar imagem.

A imagem será apresentada na plataforma conforme abaixo:

Após selecionar as imagens será possível configurar as seguintes opções:

Link: Inserir um LINK para a qual o usuário será redirecionado quando clicar sobre a imagem.

REF (código de referência): É um identificador exclusivo desta imagem, o qual permitirá utilizá-la em qualquer layout do portal.

Title: Texto que será apresentado ao passar o mouse por sobre a imagem.

Alt: O atributo alt é utilizado em documentos HTML e XHTML para especificar um texto alternativo ou substituto à imagem quando a mesma não pode ser renderizada.

Inicio e Fim: Definir um período de data e horário que esta imagem deverá ser exibida. Isso auxiliará a configurar campanhas com prazo específico, por exemplo, Blackfriday.

Visível para os clientes: Neste campo é possível selecionar o perfil de cliente ao qual deseja exibir o banner. É possível inserir várias imagens nesta galeria e apresentar cada uma delas de acordo com o perfil do cliente que esta acessando.

Exemplo: na galeria banner-home é possível apresentar um banner divulgando uma promoção de queima de estoque para os clientes do perfil consumidor, e um banner lançando a nova coleção para os clientes do perfil revendedor.

>> Saiba mais sobre os perfis de cliente no tutorial Configurando Perfis de Clientes

Seguindo os passos acima você pode inserir diversas imagens em uma mesma galeria.

Como os banners são apresentados no portal?

As galerias de imagem serão exibidas no portal conforme a imagem abaixo:

Primeira imagem:

Segunda imagem: 

E assim por diante de acordo com o número de imagens que você cadastrar.

Atenção:  as imagens acima foram ilustram como esta galeria de banner esta ativada na interface nativa, no entanto, é possível ativá-lo no formato, disposição e layout que você e sua agência definirem.

Durante sua navegação você encontrará ícones de ajuda posicionados ao lado do nome da tela ou os campos dos formulários. Estes ícones dão acesso a instruções sobre a tela ou campo e dicas de como utilizá-lo. Sempre que surgir uma dúvida clique nestes ícones que lhe auxiliarão na utilização e configuração dos dados da Conta. 

Esperamos que este material possa ter auxiliado no seu uso à plataforma Flexy, no entanto, caso ainda hajam dúvidas ou necessidades, por favor, entre em contato com nossa equipe de atendimento, que terá prazer em auxiliá-lo.