Uma Loja Integrada com cara profissional não depende de código livre. Depende de quatro decisões tomadas antes de abrir o painel (identidade, navegação, página de produto e versão para celular) e de saber o que o tema escolhido permite fazer com cada uma. Este guia é para quem vai montar a loja ou contratar a montagem e quer combinar, por escrito, o que será personalizado e como conferir a entrega. A escolha do plano tem guia próprio: veja plano gratuito ou pago da Loja Integrada.
O que organizar antes de mexer no painel?
O visual de uma loja virtual é, na maior parte, organização de informação. Separe o trabalho em quatro blocos e defina cada um antes de escolher o tema.
- Identidade: logo em versão horizontal que continue legível no topo do celular, duas ou três cores com contraste suficiente para botões e textos, e o tom dos textos. A identidade também chega aos e-mails automáticos: o editor de e-mails transacionais aparece no comparativo oficial a partir do plano Crescimento.
- Navegação: categorias e subcategorias organizadas pela forma como o cliente procura (por tipo, por uso, por coleção), menu enxuto e páginas de conteúdo com quem somos, trocas e devoluções, privacidade, frete e formas de pagamento.
- Página de produto: fotos na mesma proporção, variações selecionáveis, descrição com medidas e material, especificações e prazo de disponibilidade.
- Celular: banner próprio para mobile, menu fácil de abrir, textos de banner legíveis em tela pequena e botão de compra visível sem rolagem excessiva.
Se esses blocos ainda não estão escritos, o modelo de briefing da loja virtual ajuda a reuni-los em um documento só.
O que depende do tema, do plano ou de aplicativo?
Aqui está o ponto que mais gera expectativa errada. Na Loja Integrada, toda loja nova começa no tema padrão, que a Central de Ajuda descreve como uma experiência em versão Beta, configurada pelo painel e sem necessidade de código. Os temas da loja de temas usam outra estrutura, que libera a seção completa de HTML e CSS. A tabela resume as diferenças documentadas:
| Item | Tema padrão (lojas novas) | Tema da loja de temas |
|---|---|---|
| Logo, cores e banners | Pelo painel | Pelo painel |
| HTML e CSS | Sem a seção completa; CSS Avançado só em Minha Conta, Checkout e Login | Seção completa de HTML e CSS |
| Scripts e integrações via código | Não podem ser adicionados fora do CSS Avançado | Disponíveis |
| Carrinho e checkout | Mantêm o formato atual da plataforma | Personalizáveis |
| Modo Catálogo ou Orçamento | Não disponível | Disponível |
| Ocultar preço | Não disponível | Disponível |
| Selos personalizados | Não disponíveis | Disponíveis |
| Aplicativos | Apenas os da lista de compatíveis | Compatível com todos |
Três condições completam a tabela:
- A troca é definitiva. Segundo a Central de Ajuda, ao instalar um tema da loja de temas não é possível voltar ao tema padrão. Decida isso no início do projeto, não depois do lançamento.
- O código depende do plano. O comparativo oficial lista a inserção de HTML e CSS a partir do Crescimento, e o plano Grátis teve a edição bloqueada desde 11/06/2026. A quantidade de temas gratuitos também cresce com o plano.
- A plataforma não dá suporte ao código. A Loja Integrada informa que não desenvolve nem dá suporte a códigos CSS, que as mudanças podem levar até 30 minutos para aparecer e que ajustes feitos para o computador podem não se refletir por completo no celular, exigindo CSS específico para mobile.
Na prática, um projeto honesto na Loja Integrada não promete “liberdade total de layout”. Ele diz qual tema será usado, quais ajustes serão feitos pelo painel, quais exigem código (e em qual plano) e quais páginas continuam com a estrutura da plataforma, como o checkout no tema padrão.
Demonstração: catálogo padronizado
O padrão abaixo é uma demonstração montada para uma loja fictícia de bolsas. Ele mostra como transformar as regras da Central de Ajuda em um padrão de cadastro que deixa o catálogo com aparência uniforme. Troque os exemplos pelos do seu segmento.
| Campo | Regra do padrão | Exemplo (demonstração) |
|---|---|---|
| Nome | Tipo + modelo + material + cor | Bolsa transversal Lia em couro sintético caramelo |
| Fotos | 4 a 6 por produto, na mesma proporção e ordem: frente, costas, detalhe, interior, em uso | 5 fotos quadradas, fundo neutro |
| Arquivo da foto | JPG, até 2500 × 2500 px e 4 MB; nome sem acento e com o produto | bolsa-transversal-lia-caramelo-frente.jpg |
| Variações | Cor como grade, com foto própria em cada cor | Caramelo, preto, off-white |
| Descrição | Três blocos curtos: para que serve, medidas e material, cuidados e troca | “Cabe celular, carteira e chaves.” + lista de medidas |
| Especificações | Mesmos campos em todos os produtos da categoria | Altura, largura, alça, fechamento, peso |
| Peso e dimensões | Da embalagem, para o cálculo do frete | 0,450 kg; 30 × 25 × 8 cm |
| Categoria | Caminho fixo por tipo | Bolsas > Transversais |
O texto alternativo das imagens é gerado automaticamente com o nome do produto, segundo a Central de Ajuda. Por isso o nome precisa descrever o item; “Bolsa Lia” sozinho não diz o que a foto mostra.
Com o padrão definido, a comparação entre o que a loja tem logo depois de criada e o que o projeto entrega fica assim:
| Elemento | Configuração inicial | Entrega proposta no projeto |
|---|---|---|
| Tema | Tema padrão | Tema escolhido com justificativa: precisa de código, de modo catálogo ou de aplicativo incompatível? |
| Logo | Arquivo enviado como está | Versão horizontal conferida no topo do celular |
| Banners | Sem banners ou com artes genéricas | Full Banner para computador e para celular, tarja de aviso e vitrines nas medidas do tema |
| Menu | Categorias na ordem em que foram criadas | Categorias agrupadas pela forma como o cliente procura |
| Página inicial | Ordem padrão das vitrines | Ordem definida: destaques, lançamentos, coleção |
| Produtos | Fotos e textos em formatos variados | Padrão de catálogo da tabela anterior |
| Páginas de conteúdo | Vazias ou com modelo | Trocas, privacidade, frete e pagamento escritos para a loja |
| E-mails automáticos | Modelo da plataforma | Cabeçalho, rodapé e textos com a identidade (planos pagos) |
| Celular | Herdado do computador | Revisado em aparelho, com banner mobile próprio |
Quais critérios de aceite usar para o visual?
Critério de aceite é o que permite dizer “está pronto” sem discussão. Use regras que qualquer pessoa consiga conferir.
Banners
As medidas abaixo são as recomendadas pela Central de Ajuda para o tema padrão. Em temas da loja de temas, confira o manual do tema, porque as dimensões podem mudar.
| Banner | Computador | Celular | Comportamento |
|---|---|---|---|
| Full Banner | 1270 × 444 px | 361 × 444 px (exportar em 722 × 888 px) | Mais de um vira carrossel |
| Tarja | 1270 × 70 px | 361 × 70 px, opcional | Ocupa toda a largura |
| Vitrine | 850 × 200 px (1270 × 200 px para largura total) | Mesma imagem | Não estica; fica centralizada |
| Mini | 720 × 400 px | Mesma imagem | 3 por vez no computador, 2 no celular |
Critérios: cada arquivo em JPG ou PNG com até 500 KB, que é o limite de envio; textos do banner legíveis no celular; banner mobile próprio no Full Banner. Para desempenho, a Central recomenda Full Banner de até 150 KB, demais banners de até 100 KB e cerca de 1 MB de imagens no carregamento inicial da página.
Fotos e informação de produto
- Todas as fotos principais na mesma proporção, sem cortes no produto.
- Entre 4 e 6 fotos por produto, como recomenda a Central (o limite é 50).
- Imagens de produto de até 70 KB na página, conforme a recomendação de desempenho.
- Preço, variações, medidas e prazo visíveis sem abrir abas extras.
- Peso e dimensões preenchidos em todos os produtos, para o frete não falhar no carrinho.
Percurso até o pagamento
Faça o percurso completo em dois celulares diferentes: página inicial, busca, categoria, produto, escolha de variação, carrinho, cálculo de frete por CEP e checkout até a escolha do pagamento. O aceite confirma que nenhuma etapa quebra, que o frete aparece e que logo e cores estão aplicados onde o tema permite. No tema padrão, lembre que carrinho e checkout mantêm o formato da plataforma; isso deve constar da proposta para não virar pendência no aceite.
Condições e limites
As regras deste texto foram consultadas em 20/10/2026 na Central de Ajuda e no comparativo oficial. O tema padrão está em versão Beta, segundo a própria plataforma, e pode ganhar recursos. Dimensões de banner e de imagem valem para o tema padrão; temas da loja de temas têm manual próprio. Personalizações por código ficam sob responsabilidade de quem as faz, já que a Loja Integrada não dá suporte a CSS.
Próximo passo
Se você ainda está decidindo a plataforma e o visual pesa na escolha, vale comparar Loja Integrada e Nuvemshop com o mesmo catálogo. Se a decisão já está tomada e você quer o tema escolhido com justificativa, o padrão de catálogo aplicado e os critérios de aceite na proposta, conheça a nossa criação de loja na Loja Integrada.
