Os banners podem ter diversas utilizações dentro do seu site mas eles são, principalmente, as imagens que vemos em todas as páginas e seções do seu ecommerce:
Neste artigo, vamos pontuar as seguintes orientações sobre a gestão dos seus banners:
🚩 Importante! Antes de realizar a importação das fotos, certifique-se de que elas estão em 72dpi e que foram comprimidas (redução de peso). Para isso, sugerimos os aplicativos tinypng.com e jpegmini.com.
Além disso, recomendarmos um peso máximos de 1Mb para as imagens dos banners.
Como criar ou editar um banner ✏️
Para adicionar um novo banner, acesse o admin e vá na aba Banners depois clique em adicionar banner no canto superior direito do painel representado pelo ícone (+).
Caso queira editar um banner existente, bastante utilizar os filtros para localizá-lo e clicar em editar:
Nessa parte você preenche ou edita os campos da seguinte maneira:
1 - Imagem: para alterar ou adicionar a imagem de um banner que já foi criado, basta selecionar o banner desejado e então fazer o upload da nova imagem.
🚩Atente-se a manter as medidas da nova imagem conforme a documentação da sua loja.
2 - Título: campo de organização interna, ou seja, não aparecerá para o usuário do seu site, então você pode preencher como ficar melhor para localizar esse banner depois.
3 e 4 - Subtítulo e Descrição: estes devem ser preenchidos de acordo com a documentação de cadastro do seu site.
5 - URL: você indica para onde banner deve direcionar caso seja clicado. Existem diferentes maneiras de fazer esse direcionamento, entenda mais:
Se você quiser direcionar o banner para um grupo de produtos, ou seja, para uma categoria do seu site, cadastre no campo de URL
/nome-da-tag. Exemplo:
Se você quiser direcionar para alguma página que não seja por tag, como páginas institucionais, cadastre no campo de URL
/p/nome-da-pagina. Exemplo:
Se você quiser direcionar para alguma página de produto, cadastre no campo no campo de URL
/produto/nome-do-produto. Exemplo:
Se quiser direcionar para uma URL externa, cadastre no campo de URL ela completa. Exemplo: para direcionar para o site da Olist, insira:
Sugerimos que você deixe marcada a opção Externo. Assim, quando o cliente clicar, abrirá uma nova aba dentro do navegador dele.
6 - Período de Validade: Define se o banner está ativo ou desativado. O campo Início sempre será a data de criação do banner, veja como utilizar o campo Fim:
Se colocar com uma data final passada, ele ficará desativado.
Se colocar com uma data futura, estará ativo.
Se quiser que o banner fique ativo por um período indeterminado, deixe selecionado o campo Não expira.
Se quiser que ele fique ativo durante um tempo determinado, basta inserir as datas nos campos correspondentes e não marcar a caixa de Não expira.
7 - Posição: é o que vai definir onde vai ficar o banner. Por isso, é importante preencher com a posição correta de acordo com as orientações de cadastro da sua loja.
Se a posição indicada nas orientações de cadastro não existir entre as opções já cadastradas, digite a posição correta, com base na sua documentação, no campo de Adicionar nova posição logo abaixo do campo posição e pronto!
8 - Cor: Dependendo das orientações da documentação do seu site, pode ser possível alterar a cor do texto ou botão de um banner específico. Nesse caso, você pode preencher o campo cor com o código hexadecimal da cor desejada. Veja aqui como localizar esse código.
Para que fique com as configurações corretas, o banner deverá seguir as medidas ou orientações indicadas na documentação da loja, encontrada no canto superior direito do seu admin:
Como excluir ou duplicar um banner
Acesse o admin e vá na aba Banners, na listagem de todos os banners, assim que você passar o mouse na linha do respectivo banner, abrirá as opções de duplicar, editar e excluir. A opção de duplicar serve para que você crie uma cópia exatamente igual ao banner, no editar você abre as configurações para realizar a edição e excluir serve para excluir permanentemente o banner.
Como reordenar os banners 🔁
No admin, acesse a aba Banners e clique no botão Reordenar banners, no campo superior direito da sua tela. Você será redirecionado para uma página onde os banners estão separados pela posições cadastradas, aqui você deve reordenar dentro de cada posição como desejar.
Ficou com alguma dúvida? É só entrar em contato com a gente pelo e-mail ajuda@vnda.com.br 😉
Não esqueça de deixar seu feedback para sabermos se deu tudo certo :)
Basta clicar nas carinhas abaixo.