Através dos banners é possível alterar ou inserir imagens na página da sua loja virtual. Existem duas opções para cadastrar um banner: inserindo uma imagem ou inserindo um vídeo no banner.
Imagem no banner
1. Para estar cadastrando um banner com imagem acesse: Cadastro > Banners
Clique na imagem para ampliar
2. Clique no botão "Cadastrar" ou para editar um banner já cadastrado, clique no ícone de papel com lápis.
Clique na imagem para ampliar
3. Preencha os campo como desejar:
Clique na imagem para ampliar
Título: Nome a ser dado ao seu banner. EX: Coleção Verão
Status: Define se o Banner estará ativo ou inativo.
Config. slider: Você pode selecionar a configuração padrão de área ou configurar conforme preferências. Quando selecionado a opção configurar, serão abertos novos campos para configuração descritos abaixo:
Intervalo: Define um valor em segundos para intervalo das transições de imagem.
Velocidade animação: Velocidade de transição de efeito, para deixar padrão, não preencha esta área.
Efeito de Transição: Define qual o efeito será aplicado na exibição da(s) imagem(s).
Exibe Navegação:
Exibe Paginação: É necessário solicitar adaptação de layout antes de habilitar esta opção
Estilo de carregamento: Exibe mini barra de carregamento de imagem.
Banner Responsivo: Oferece a opção de manter o banner responsivo a tela.
Banners Aleatórios: Caso possua mais de uma imagem cadastrada no banner (carrossel), esta configuração ativa a exibição de modo aleatório das imagens.
Exibe mini banners: Esta opção somente poderá ser habilitada após solicitação de adaptação do layout (disponível apenas para lojas com layout personalizado).
Exibe mini banners: Esta opção somente poderá ser habilitada após solicitação de adaptação do layout (disponível apenas para lojas com layout personalizado).
Regras de Exibição
Data Inicial e Data Final: Nestes campos você pode fixar dias e horário para que seu banner seja exibido e removido de exibição na sua loja.
Utm Source, Utm_Medium e Utm_Campaign: são utilizados para definir regras específicas de exibição de banners. Por exemplo, se deseja mostrar um banner específico apenas para visitantes que acessem o link
meudominio.com.br/?utm_campaign=desconto_para_voce, o sistema mostrará exclusivamente aquele banner que segue essa regra, substituindo qualquer outro banner que esteja na mesma seção, mas que não tenha essa condição. Assim, banners com regras específicas permanecerão ocultos até que suas condições sejam satisfeitas.
Configuração do link da área
Texto do Link: Texto do link que será exibido abaixo do titulo da área (Ex.: Ver tudo ou Saiba mais)
Link do Texto: Link para qual, ao clicar no texto será direcionar para uma determinada pagina que representa a área em questão (Ex.: /produtos-nike))
Buscado e configurando as imagens
Para realizar a buscar por imagens em seu computador, clique no ícone Procurar.
Após selecionar a imagem, ela irá fazer o carregamento e ficará disponível abaixo no local Imagens Cadastradas.
Clique na imagem para ampliar.
Ao posicionar o mouse sobre a imagem cadastrada, será exibido 3 pequenos ícones sendo eles:
Clique na imagem para ampliar.
Lupa: Esta lupa irá lhe apresentar uma visualização da imagem cadastrada.
Tela de Ajustes
Nesta seção, você pode cadastrar o atributo "alt" da imagem e definir um link para o banner.
Clique na imagem para ampliar.
Alt das imagens:
O atributo "alt" é uma descrição breve e informativa que você atribui a uma imagem. Pense nele como uma legenda que descreve a imagem para pessoas que não podem vê-la. Essa descrição é útil em duas situações principais:
Quando a imagem não carrega corretamente no site, a descrição é exibida no lugar, fornecendo uma ideia do conteúdo visual que deveria estar ali.
Para pessoas com deficiência visual que utilizam leitores de tela (software que lê em voz alta o conteúdo exibido), o texto "alt" é a descrição que o leitor de tela usará para informar sobre a imagem.
O atributo "alt" contribui para tornar a internet mais acessível para todos e também auxilia os mecanismos de pesquisa, como o Google, a compreender o conteúdo da imagem.
Link:
Ao cadastrar um link para o banner, é importante lembrar que, para redirecionamentos internos, você deve usar apenas a parte da URL que vem após o domínio da sua loja.
Exemplo: Se deseja que, ao clicar na imagem, seus clientes sejam redirecionados para a página sualoja.com.br/nike, você deve inserir apenas a parte final "nike" na configuração do link.
X Vermelho: Esta opção é destinada caso queira deletar a imagem cadastrada.
Vídeo no banner
1. Para estar cadastrando um banner com vídeo acesse: Cadastro > Banners
Clique na imagem para ampliar
2. Clique no botão "Cadastrar" ou para editar um banner já cadastrado, clique no ícone de papel com lápis.
Clique na imagem para ampliar
3. Na opção "Cadastrar Banner" selecione "Vídeo no Banner"
Clique na imagem para ampliar
4. Preencha os seguintes campo como desejar:
Clique na imagem para ampliar
Título: Nome a ser dado ao seu banner. EX: Coleção Verão
Data Inicial e Data Final: Nestes campos você pode fixar dias e horário para que seu banner seja exibido e removido de exibição na sua loja.
Status: Define se o Banner estará ativo ou inativo.
Altura do vídeo:
Exibe mini banners: Esta opção somente poderá ser habilitada após solicitação de adaptação do layout (disponível apenas para lojas com layout personalizado).
Texto do Link: Texto do link que será exibido abaixo do titulo da área (Ex.: Ver tudo ou Saiba mais).
Link do Texto: Link para qual, ao clicar no texto será direcionar para uma determinada pagina que representa a área em questão (Ex.: /produtos-nike)).
Inserir o vídeo
Clique na imagem para ampliar
Link do Vimeo: Campo onde deve ser inserido o link do vídeo que está na plataforma de vídeos Vimeo.
Configurações: Na seção "Configurações", há quatro opções que permitem personalizar o vídeo:
Mutar video: O vídeo será reproduzido sem som.
Remover Controles: Os controles do vídeo serão ocultados.
Autoplay: O vídeo será reproduzido automaticamente assim que a página for carregada.
Loop: O vídeo continuará reproduzindo em um loop, mesmo após o término, irá voltar ao inicio e começar novamente.
Em caso de problemas ou dúvidas clique aqui, ficamos à disposição em nossos canais de atendimento para lhe auxiliar.