Página inicial da loja virtual: como montar uma home que vende

Imagine um cliente que conheceu sua marca em um vídeo, digitou o nome da loja no navegador e caiu na página inicial da loja virtual. Ele não sabe ainda o que você vende de melhor, quanto custa o frete nem se pode confiar. Em poucos segundos, a home precisa responder a tudo isso e levar esse visitante até um produto. Se ela for só uma colagem de banners e produtos aleatórios, ele sai sem comprar.

A página inicial é a vitrine e o corredor principal ao mesmo tempo. E, como em uma loja física bem planejada, a ordem em que as coisas aparecem muda o comportamento de quem entra. O que está logo na entrada é visto por todos; o que está no fundo, só pelos curiosos. Por isso montar a home é, antes de tudo, decidir prioridades.

Neste artigo você vai entender os trabalhos que a página inicial precisa cumprir, a ordem de blocos que funciona para a maioria das lojas, as vitrines que mais vendem e três modelos prontos para adaptar ao seu negócio. No final, mostramos como montar tudo isso arrastando blocos no Hotel das Lojas.

Os três trabalhos da página inicial da loja virtual

Antes de pensar em blocos, entenda o que a home precisa fazer. Ela tem três trabalhos, e cada bloco deve servir a pelo menos um deles:

• Orientar: mostrar o que a loja vende e como chegar ao produto certo, com categorias claras e busca visível.
• Convencer: apresentar a oferta do momento, os produtos campeões e os motivos para comprar agora.
• Tranquilizar: provar que a loja é confiável, com benefícios, avaliações, contatos e políticas.

Um bloco que não orienta, não convence e não tranquiliza está ocupando espaço. Vídeos institucionais longos, galerias de fotos do Instagram sem produto e textos de boas-vindas genéricos costumam cair nessa categoria. Não é que sejam proibidos, mas precisam de um lugar mais abaixo, onde não atrapalhem.

A ordem dos blocos: um roteiro de rolagem

Pense na home como um roteiro que o cliente percorre com o polegar. Cada tela do celular é uma cena. A ordem a seguir funciona como ponto de partida para a maioria das lojas:

1. Barra de avisos: uma mensagem curta, como frete grátis acima de um valor ou desconto no Pix.
2. Cabeçalho: logotipo, busca, conta e carrinho.
3. Banner principal: a campanha ou a promessa mais forte do momento, com botão e destino claros.
4. Atalhos de categorias: ícones ou fotos das principais categorias, para quem já sabe o que quer.
5. Vitrine de mais vendidos: os produtos que já provaram que agradam.
6. Faixa de benefícios: entrega, troca, pagamento seguro e atendimento.
7. Vitrine de novidades ou promoção: o motivo para o cliente recorrente voltar.
8. Banner intermediário: kits, brindes ou uma segunda campanha.
9. Avaliações de clientes: prova social com nomes e comentários reais.
10. Sobre a marca: um parágrafo, uma foto e um link para a história completa.
11. Newsletter: inscrição com um benefício claro, como acesso antecipado aos lançamentos. Os e-mails coletados ficam no painel, como mostra o guia de newsletter e inscritos.
12. Rodapé: contatos, políticas, pagamentos e links úteis.

Repare na lógica: primeiro o que orienta e convence, depois o que tranquiliza, por último o que aprofunda o relacionamento. O cliente com pressa encontra o produto nas duas primeiras telas. O cliente desconfiado encontra os argumentos de confiança logo em seguida. E o cliente interessado na marca chega ao final e se inscreve.

Vitrines estratégicas: cada fileira com um propósito

Vitrines são as fileiras de produtos da home, e é nelas que a maior parte dos cliques acontece. O erro mais comum é criar vitrines sem critério, como Produtos ou Destaques, preenchidas com itens escolhidos ao acaso. Uma vitrine estratégica tem um nome que explica por que aqueles produtos estão juntos e um objetivo de negócio por trás.

Duas regras práticas ajudam muito. Primeira: limite cada vitrine a algo entre seis e dez produtos, com um link para ver todos. Segunda: evite repetir o mesmo produto em várias vitrines, porque o cliente sente que a loja tem pouca variedade.

Dica de especialista: a vitrine de mais vendidos deve ser atualizada com base em números reais, não na sua preferência. Às vezes o produto que você acha mais bonito não é o que o cliente mais compra, e a home tem que mostrar o que o cliente quer.

Três modelos de home para adaptar ao seu negócio

A ordem geral serve como base, mas cada tipo de loja ganha com ajustes. Veja três modelos comuns entre os lojistas que atendemos.

Modelo 1: loja de catálogo grande

Lojas de papelaria, autopeças, informática ou mercado têm centenas de itens. O cliente quer achar rápido. Nesse caso, suba a busca para o centro do cabeçalho, coloque os atalhos de categorias logo no topo, até antes do banner, e use vitrines curtas e numerosas por tema: Mais vendidos em cadernos, Ofertas em canetas, Volta às aulas. O banner pode ser menor, porque o trabalho principal é orientar.

Modelo 2: loja de marca e coleção

Moda autoral, decoração e cosméticos com identidade forte vendem pelo desejo. A home pode abrir com um banner grande e uma vitrine de coleção, seguida de uma seção de ambientação com fotos de uso, avaliações e a história da marca mais acima do que no modelo anterior. Menos vitrines, mais espaço para a imagem trabalhar. O tema Atelier para moda é um bom exemplo dessa abordagem, com banners amplos e vitrines de coleção que valorizam fotos de modelo.

Um exemplo prático: uma marca de roupas de linho que colocava doze vitrines na home, uma para cada tipo de peça, reduziu para três, Coleção atual, Mais vendidos e Peças básicas, e passou a usar o espaço liberado para uma faixa com fotos das clientes usando as roupas. A home ficou mais curta, mais leve e mais fiel à proposta da marca.

Modelo 3: loja de recompra e entrega local

Empórios, hortifrútis, padarias e cafés vivem de pedidos frequentes. A home precisa mostrar logo no topo a área de entrega e os horários, uma vitrine de produtos do dia ou da semana e um atalho para repetir o último pedido ou para os itens de sempre. Um empório pode se inspirar no tema Empório, que destaca orgânicos, cafés e cestas com organização clara.

Home sazonal: como mudar sem bagunçar

A página inicial precisa acompanhar as campanhas, mas mudar tudo a cada data confunde o cliente recorrente e dá muito trabalho. O equilíbrio está em separar o que é fixo do que é sazonal.

• Fixos: cabeçalho, atalhos de categorias, faixa de benefícios, avaliações, sobre a marca e rodapé.
• Sazonais: barra de avisos, banner principal, uma vitrine temática e o banner intermediário.

Assim, na semana do Dia dos Pais você troca apenas quatro elementos, e a loja continua familiar. Quando a campanha acaba, os elementos sazonais voltam ao padrão. Com agendamento, isso pode acontecer sozinho, na data e hora certas.

Erros que tornam a home lenta e confusa

Alguns problemas aparecem com frequência quando revisamos páginas iniciais:

• Carrossel com muitos slides: o cliente vê o primeiro e ignora o resto, enquanto as imagens pesam no carregamento.
• Vitrines infinitas: trinta produtos em uma fileira empurram tudo para baixo.
• Imagens pesadas: banners de vários megas deixam a primeira tela branca por segundos.
• Blocos de redes sociais no topo: levam o cliente para fora da loja antes de ele ver um produto.
• Pop-up imediato: cobre a home antes de o cliente entender onde está.
• Falta de preço nas vitrines: obriga o cliente a abrir cada produto para saber quanto custa.

Como montar a página inicial no Hotel das Lojas

No Hotel das Lojas, a página inicial é montada no editor visual, arrastando blocos prontos, sem programar. Na prática, você ganha:

• Blocos prontos para cada função: banners, atalhos de categorias, vitrines por critério, benefícios, avaliações, texto e imagem, newsletter. Comece pelo editor visual da loja.
• Passo a passo guiado: o tutorial de como montar a página inicial mostra a sequência de blocos e como configurar cada um.
• Seções prontas e salvas: guarde uma seção que funcionou e reutilize em outras campanhas, como explica o guia de seções prontas e salvas.
• Prévia no computador e no celular, para conferir o roteiro de rolagem na tela pequena antes de publicar.
• Teste A/B de blocos, para comparar duas versões de uma vitrine ou de um banner.
• Agendamento e versões, para programar a home sazonal e voltar à versão padrão sem retrabalho.
• Verificação antes de publicar, com alertas de imagens pesadas, contraste e textos alternativos.

Para escolher os produtos das vitrines com base em dados, use o painel. A tela inicial mostra faturamento, pedidos, ticket médio e horários de pico, como explica o tutorial da tela Início do painel. E para a vitrine de kits, o aplicativo compre junto oferece vantagem a quem leva produtos combinados.

Como medir se a sua home está vendendo

Depois de publicar, acompanhe alguns sinais por duas a quatro semanas antes de mudar de novo:

1. Quantos visitantes da home seguem para uma categoria ou produto, em vez de sair.
2. Quais vitrines recebem mais cliques e quais são ignoradas.
3. Se o ticket médio sobe quando a vitrine de kits está mais acima.
4. Até onde o cliente rola a página no celular.

Se uma vitrine é ignorada de forma constante, troque o critério ou o título antes de removê-la. Às vezes o problema está no nome, e não nos produtos. Uma vitrine chamada Destaques pode ser ignorada por semanas e, rebatizada como Até R$ 99 para presentear, passar a receber cliques todos os dias, com exatamente os mesmos itens. Mude uma coisa de cada vez e anote a data de cada mudança, para saber o que realmente fez diferença.

Conclusão: home que vende tem ordem e propósito

A página inicial da loja virtual que vende não é a mais cheia nem a mais enfeitada. É a que orienta, convence e tranquiliza nessa ordem, com vitrines que têm um objetivo de negócio claro e blocos que respeitam o roteiro de rolagem do cliente no celular. Escolha o modelo mais próximo do seu negócio, monte, meça e ajuste.

Se você quer montar essa home arrastando blocos, com prévia no celular e teste A/B, crie sua loja no Hotel das Lojas. São 7 dias de teste grátis, sem cartão de crédito, para colocar a sua vitrine principal no ar e ver os primeiros cliques chegando.