A seção Ícones é um jeito simples de dar acesso rápido ao que for mais relevante para o cliente logo na página inicial, como formas de pagamento, prazos de entrega ou categorias em destaque. São ícones clicáveis, cada um com texto descritivo e link próprio.
Este é o sexto artigo da série sobre a configuração completa do e-commerce. Se ainda não configurou os produtos em destaque da loja, veja o artigo anterior antes de seguir com os ícones.
Onde encontrar essa configuração
Para acessar, vá em e-commerce > personalizações > ícones.
Essa é uma seção modular: use as setas ao lado do título para reordenar os ícones em relação às outras seções da home, como Mosaico, Produtos em destaque e Artigo.
Ativando a seção
- Exibir seção na página inicial: ativa os ícones clicáveis na home.
- Formato dos ícones: redondo ou quadrado.
Tamanho da imagem
O tamanho recomendado para cada imagem é 260x260px, no formato quadrado, e vale para os dois formatos disponíveis. No site, o ícone é exibido em 130x130px, então 260x260px é o dobro disso, o suficiente para ficar nítido em telas de alta resolução sem pesar no carregamento da página.
O formato “redondo” não muda o tamanho da imagem enviada, é a mesma imagem quadrada recortada em círculo. Por isso, evite deixar detalhes importantes perto dos cantos, já que eles ficam de fora do círculo.
Adicionando cada ícone
Para cada ícone, envie a respectiva imagem. O texto descritivo e o link de destino é opcional, então dá para usar um ícone só como informação visual, sem levar o cliente a lugar nenhum ao clicar. Clique em Adicionar ícone para incluir quantos forem necessários.
Com mais de 4 ícones, o site exibe todos em um carrossel que passa automaticamente, então não tem limite prático de quantos ícones a loja pode usar.
Depois de configurar, clique em Salvar para aplicar as mudanças na loja.
Exemplos de uso
Os ícones servem para diferentes finalidades, dependendo do que a loja quer destacar. Alguns exemplos: logos de marcas parceiras, diferenciais da loja, ou atalhos para categorias.
Dica: para um visual mais bonito e integrado, deixe o fundo da imagem do ícone da mesma cor do fundo da seção. Assim, o ícone parece fazer parte do site, sem a borda quadrada ou o retângulo branco típico de imagem recortada.
Acesso rápido ao que importa para o cliente
Com os ícones configurados, sua loja ganha um atalho visual para as informações que ajudam o cliente a decidir a compra mais rápido. No próximo artigo da série, seguimos para a próxima seção da configuração do e-commerce. Alguma dúvida sobre essa seção? Fale com o nosso suporte.