Dá para mudar a cara de uma loja Nuvemshop sem escrever código. O caminho é o editor em Loja online > Layout, de preferência num rascunho, para a loja publicada continuar como está até você decidir publicar.
Colar CSS de exemplo ou trocar o tema de uma loja já alterada pelo código-fonte é outro trabalho. A ajuda oficial separa essas situações. O plano também limita quantos rascunhos existem e, no plano gratuito, o que pode ir ao ar.
O que o editor muda sem código
Em Loja online, a apresentação da loja não está só no tema. A ajuda dessa seção lista Layout, Páginas, Menus, Filtros e Informação de contato. Menu, filtro e página institucional mudam a navegação sem abrir o código do tema.
No layout, a ajuda de rascunhos diz para passar o mouse sobre o elemento e clicar nele. As opções que aparecem são as daquele tema.
Cores, fontes e botões não usam o mesmo rótulo em todos os layouts:
- A ajuda de cores descreve Loja online > Layout > Editar layout e, em Imagem da sua marca, Cores da sua marca. Dá para usar uma combinação pronta ou escolher a cor de cada elemento e depois publicar.
- No layout Ipanema, a ajuda de identidade de marca indica a engrenagem das configurações globais e a seção Identidade de marca, com cores, tipografia e botões.
Se o seu painel não mostrar um desses nomes, use o que o tema abre ao clicar no elemento. Não existe um único clique válido para todos os layouts.
Faça a mudança em rascunho
A ajuda de rascunhos, atualizada em 2 de setembro de 2026, mostra o layout atual e, abaixo, a lista de rascunhos. Há dois jeitos de criar um:
- duplicar o layout atual ou outro rascunho pelo menu de três pontinhos;
- em Rascunhos, escolher um design e usar Testar este tema.
Para editar sem publicar: Loja online > Layout, Editar rascunho, clicar no elemento e Salvar rascunho. O editor marca Rascunho no topo. Ver rascunho mostra o resultado sem trocar a loja que está no ar. A publicação fica na lista de rascunhos e pede confirmação. O layout que estava publicado volta para essa lista, com as configurações.
O limite de rascunhos ao mesmo tempo, na mesma página, é:
| Plano | Rascunhos ao mesmo tempo |
|---|---|
| Começo e Essencial | Até 2 |
| Impulso | Até 5 |
| Escala e Next | Até 20 |
Em telas menores, deslize a tabela na horizontal para ver todas as colunas.
No limite, Escolher design e Duplicar ficam desativados. Excluir um rascunho é permanente. O layout publicado não pode ser excluído: é preciso publicar outro antes. Se a loja mudar para um plano com limite menor, os rascunhos que passarem do novo teto vão para Arquivados. Eles não são apagados, e só voltam com Restaurar quando houver vaga.
Há um desencontro sobre o plano gratuito, e ele muda a decisão.
A página de rascunhos diz que no Começo dá para criar rascunho, mas publicar um deles exige plano pago. A página de testar outro layout, atualizada em 28 de setembro de 2026, é mais específica: no Começo você testa todos os layouts em rascunho, mas só publica o layout padrão da loja. Qualquer outro exige plano pago.
Não escolha um tema novo no plano gratuito contando que ele vai ao ar. Confira no painel se Publicar está disponível para aquele rascunho. A mensalidade da plataforma está no guia de quanto custa manter uma Nuvemshop.
A mesma ajuda diz que as configurações visuais ficam salvas por 12 meses e que, depois disso, é preciso recomeçar. A frase está na resposta sobre recuperar o layout antigo. Não está escrito que todo rascunho fica guardado para sempre.
O que a troca de tema preserva
Na ajuda de testar outro layout, produtos, categorias, subcategorias, configurações de SEO, nome e descrição das páginas e informações de contato não são afetados pela troca.
Banner e logo podem não acompanhar o tema novo. Eles ficam no layout anterior. Alguns temas também não têm as mesmas opções.
Antes de instalar, a loja de layouts oferece Ver características e Ver lojas demo, em desktop e celular. A escolha pelo catálogo e pelo tipo de produto está em como escolher um template Nuvemshop. A ajuda atualizada em 28 de setembro de 2026 fala em mais de 15 modelos. Materiais de divulgação da marca já descreveram um catálogo maior. O número que importa é o da loja de temas na sua conta.
Uma variação do mesmo layout não entra como se fosse outro tema. O exemplo oficial é sair do Amazonas de roupas para o Amazonas de moda ou infantil: primeiro publique um layout diferente, como o Simple, e só então volte ao Amazonas na variação desejada. Mesmo assim, a variação pode não aplicar, e o ajuste passa a ser manual.
Loja com código-fonte aberto
Se o layout atual aparece como Código sob medida, o FTP está aberto. A ajuda diz que essa loja não deve trocar o layout, porque a personalização feita por um desenvolvedor pode se perder. Antes de fechar o FTP, a Nuvemshop recomenda backup. Esse backup de configuração, segundo a mesma página, só existe para layout com FTP aberto. No tema comum, a volta é republicar o rascunho anterior, não baixar um arquivo da loja.
Nesse caso, personalizar sem programar não é trocar o tema. É decidir, com quem fez o código, o que ainda pode ser ajustado no editor.
CSS não substitui o editor
O campo Edição de CSS avançada altera elemento que já existe: cor, tamanho, alinhamento ou ocultar algo, como uma barra de categorias. A ajuda de CSS, atualizada em 27 de julho de 2026, diz que a Nuvemshop não gera o HTML nem o CSS, e que CSS não cria elemento novo.
Não cole classe de botão ou de card tirada de outro tutorial. Se o seletor não existir naquele tema, nada muda, ou muda a coisa errada. A Nuvemshop também não recomenda tirar o selo do rodapé, embora o CSS permita.
Se a alteração não aparece ao clicar no elemento, o próximo passo é essa ajuda ou alguém que leia o tema. Aplicativo de atendimento, frete ou estoque também não se instala no editor: isso é outra decisão, tratada no guia de apps da Nuvemshop.
Quando o editor não resolve a loja
Tema, cor e menu organizam a loja que já existe. Eles não cadastram produto, não definem frete e não criam uma página de produto que o tema não comporta. Se a dúvida é qual modelo aguenta o catálogo, comece pela escolha do template. Se a operação pede conteúdo, integração e um caminho de compra que o editor não oferece, o assunto deixa de ser um ajuste visual.
A criação de loja virtual é o caminho quando o projeto é a loja, não um rascunho de cor e banner.
Fontes consultadas em 05/10/2026: rascunhos de layout, testar outro layout, cores do layout, identidade de marca do Ipanema, o que o CSS altera e seções de Loja online.
