A vitrine de uma loja virtual é o primeiro contato visual que o cliente tem com os seus produtos.
Na Yampi, a customização da sua loja virtual é prática e intuitiva, permitindo que você personalize elementos visuais para refletir a essência do seu negócio.
Nos próximos tópicos, exploraremos como você pode transformar a sua vitrine virtual em um espaço que represente a sua marca, com dicas e orientações para usar as ferramentas de customização da Yampi ao máximo.
Vitrine de Produtos: como utilizar cada personalização
Para iniciar a personalização da sua vitrine de produtos, acesse seu painel da Yampi.
Passo 1: no menu lateral esquerdo, clique em “Loja Virtual” e depois em “Temas” e “Personalizar”.
Passo 2: clique em “Configurações do tema” e clique em “Vitrine de produtos” para iniciarmos as personalizações.
As seguintes opções de customizações serão exibidas, e vamos passar por cada uma delas:
Configurações Gerais
Você pode ajustar diversos recursos visuais da sua vitrine, como cores e posicionamento da imagem e do nome do produto. Confira abaixo os detalhes de cada opção:
Alinhamento das informações: Escolha o alinhamento dos dados exibidos na vitrine, incluindo avaliações, nome do produto, marca, preço de venda, preço promocional e botão de compra rápida.
Tamanho do nome do produto: Defina o tamanho do nome do produto, podendo ser tradicional (14px), médio (15px) ou grande (16px).
Cor do nome do produto: Personalize a cor do nome dos produtos exibidos na vitrine. Importante: essa configuração é aplicada apenas à vitrine, não à página do produto.
Comportamento das imagens: Defina como as imagens dos produtos serão exibidas: escolha “Ajustar” para que a imagem apareça inteira, ou “Preencher” para que a imagem preencha completamente o espaço, sem bordas vazias.
Espaço abaixo da imagem: Escolha o espaçamento entre a imagem do produto e as informações exibidas abaixo dela (pequeno, médio ou grande).
Espaço entre informações e preço: Determine o espaçamento entre o nome do produto e o preço (pequeno, médio ou grande).
Preço
Para que as configurações de preço funcionem corretamente, é essencial que as formas de pagamento e afiliações estejam configuradas no painel Yampi. Clique aqui para gerenciar Meios de Pagamento.
Usar cor e cor do preço: Personalize a cor do preço exibido na vitrine. Você pode optar por usar a paleta da loja (“Primária”) ou selecionar uma cor personalizada (“Personalizada”).
Demais personalizações: Altere como o preço será exibido, com opções para: exibir o preço em negrito, reduzir o tamanho dos centavos, e ajustar tamanho e cor do preço riscado (o preço original).
Selos e Tags
Para usar este recurso, é necessário ter pelo menos um selo criado na sua loja.
Posicionamento: Escolha a posição do selo no produto: “Sobre a imagem” (ocupando o mesmo espaço da imagem) ou “Fora da imagem”.
🚨 A opção “Sobre a imagem” está disponível apenas na visualização para desktop.
Tag de desconto: Habilite ou desabilite a exibição da tag de desconto, que mostra a porcentagem de desconto com base na diferença entre o preço de venda e o preço promocional.
Marca
Escolha se as marcas dos produtos cadastrados serão exibidas ou não na vitrine. Você também pode personalizar a cor e o formato da fonte.
Avaliações
Escolha se irá exibir ou não as avaliações dos produtos na sua loja. Avaliações de outros compradores são um dos principais fatores de conversão, aumentando significativamente as chances de venda.
Compra rápida
Com este recurso, você oferece um botão para adicionar produtos ao carrinho diretamente na vitrine, sem que o cliente precise sair da página. Saiba mais sobre este recurso aqui.
Estilo do botão: Escolha entre exibir apenas o ícone de Compra Rápida ou o ícone acompanhado de texto.
Texto do botão: Caso opte por “ícone + texto”, personalize o texto do botão CTA.
Demais personalizações:
Usar cor: Escolha entre a cor configurada na paleta da loja ou uma cor personalizada.
Cor do botão: Personalize a cor do botão, caso opte por usar uma cor personalizada.
Cor do texto: Defina a cor do texto do botão.
Exibir ícone: Habilite a exibição do ícone no botão, posicionado antes do texto.
Estilo somente borda: Escolha entre um botão com cor sólida ou apenas borda.
Ajustar botão à coluna: Defina se o botão ocupará toda a largura da coluna.
Espaço entre botão e preço: Ajuste a distância entre o botão e as informações de preço (pequeno, médio ou grande).
Em caso de dúvidas, clique no balãozinho de atendimento em seu painel ou nos encaminhe pelo e-mail [email protected]. 😉