Como personalizar o layout Idea?
Saiba como personalizar as cores, a página inicial, o tipo de letra, adicionar banners, destacar produtos, definir o tipo de design e muito mais.
Última atualização: 04/12/2025
O Layout Ideia é um dos mais modernos e versáteis da Nuvemshop. Esse tema foi desenvolvido para você poder para oferecer uma excelente experiência de acesso via mobile e com diferentes possibilidades de personalização. Saiba como personalizar as cores, tipo de fonte, adicionar banners, destacar produtos, configurar o rodapé e outros elementos do Layout Amazonas.
A seguir, te mostramos todas as funcionalidades que o layout oferece e como aproveitá-las para transmitir a sua marca aos seus clientes.
Logo (logotipo), cores e tipo de letra
Ao criar uma loja virtual, é importante definir o logo (logotipo), as cores e o tipo de letra. Para configurar estes elementos, pode consultar os seguintes tutoriais:
Tipo de design
Defina se o desenho do Layout Idea será do tipo compacto ou espaçado. Enquanto o compacto mostra todos os elementos do seu layout juntos, o espaçado, como o nome indica, separa-os com espaços.
Para poder visualizar melhor as diferenças, sugerimos que você visite:
Após escolher a melhor opção para o seu negócio, poderá configurá-la em sua loja:
Como alterar o tipo de design no layout Idea?
Cabeçalho
Configure o cabeçalho da loja, tornando mais atraente e oferecendo uma navegação mais amigável. Por exemplo, fazer com que fique transparente e destacando o banner de fundo.
Para aprender a personalizá-lo, veja o tutorial:
Como configurar o cabeçalho do layout?
Página inicial
Personalize a página inicial da sua loja para destacar as principais informações do seu negócio. Com o layout Idea você tem várias possibilidades para configurá-la conforme preferir.
Abaixo listamos os tutoriais que ensinam como personalizar a página inicial no Layout Idea:
Lista de Produtos
Configure como a lista de produtos serão carregados nas categorias e subcategorias da loja virtual. Por exemplo, configurar a quantidade de produtos por linha para visualização via computador e ativar a opção de compra rápida.
Se quiser modificar a visualização dos seus produtos acesse o tutorial:
Como configurar minha lista de produtos?
Detalhe do produto
Personalize quais informações adicionais deverão ser exibidas na página do produto. No exemplo abaixo, é possível ver calculadora de frete:
Nesta seção, você pode decidir se quer ou não inserir o cálculo de frete, guia de medidas, informações sobre a compra diretamente na página de seus produtos. Veja:
Carrinho de compras
Defina quais informações serão exibidas no carrinho de compra para seus clientes ao acessarem seu carrinho de compras.
Para configurar o carrinho de compra do seu Layout Idea, siga os passos do tutorial abaixo:
Como configurar e personalizar meu carrinho de compras?
Rodapé da página
Personalize as informações que serão exibidas no rodapé da loja virtual. Por exemplo, você pode escolher quais botões exibir, incluir informações sobre meios de pagamento e envio e colocar selos personalizados.
Clique nas barras azuis para ver as informações:
Personalização Avançada
Para realizar personalizações específicas no layout, especialmente ajustes que não estão disponíveis nativamente na plataforma, você pode aplicar através de CSS ou FTP.
Para aprender como fazer essas personalizações avançadas, consultar os tutoriais abaixo:
Como obter o código CSS para usar na minha Nuvemshop?
Recomendamos que as personalizações avançadas sejam feitas por alguém com experiência em código. Caso precise de apoio para gerar algum código, indicamos entrar em contato com nossos Especialistas Nuvemshop.
Pronto!
Seguindo esses passos, você irá aproveitar todas as possibilidades de personalizar o layout Idea e gerar uma experiência incrível para os seus clientes e visitantes!