O Ipanema é o primeiro layout da Nuvemshop baseado 100% em seções e blocos editáveis, com pré-visualização em tempo real de cada alteração. Diferentemente dos outros layouts, com o Ipanema você pode adicionar, remover e reordenar seções em qualquer página sem depender de uma estrutura fixa, e configurar tipografias, cores e estilos de botões de forma centralizada para toda a loja.
Este guia reúne todos os tutoriais para personalizar sua loja com o layout Ipanema, organizados por tema.
Helpjuice Warning Callout Title
O Ipanema não oferece a configuração da loja em mais de um idioma.
Como estruturar as páginas da minha loja?
Comece por aqui se você quer entender como o conteúdo da sua loja se organiza com o Ipanema: como navegar entre as páginas, quais seções você pode adicionar e como funcionam o cabeçalho e o rodapé, que se repetem em todas as páginas.
Gerenciar páginas e seções
Navegue entre as páginas da sua loja (Início, Produto, Categoria, Busca e Página de erro 404) e adicione, reordene, oculte ou duplique seções pelo menu lateral do editor.
📝 Como trocar, adicionar e gerenciar páginas e seções do layout Ipanema na Nuvemshop?
Seções disponíveis
O Ipanema tem mais de 15 seções prontas para usar em qualquer página: banners, depoimentos, perguntas frequentes, newsletter e mais.
📝 Quais seções posso adicionar nas páginas da minha loja com o layout Ipanema?
Cabeçalho
Personalize a posição do logo, o menu de navegação, a barra de busca, os ícones de carrinho e conta, e adicione uma barra de anúncios.
📝 Como personalizar o cabeçalho do layout Ipanema da Nuvemshop?
Rodapé
Configure cores, menus, um formulário de newsletter, selos de confiança e os ícones de meios de pagamento e envio.
📝 Como personalizar o rodapé do layout Ipanema na Nuvemshop?
Como personalizar cada página da minha loja?
Cada página da sua loja tem seu próprio tutorial com as seções padrão e as opções de configuração específicas daquela página.
Página de Início
Adicione e organize seções para comunicar promoções, mostrar produtos em destaque ou incluir perguntas frequentes.
📝 Como personalizar a página de início com o layout Ipanema na Nuvemshop?
Página de Produto
Configure as informações do produto, a descrição, e os produtos complementares e alternativos que aparecem.
📝 Como personalizar a página de produto com o layout Ipanema na Nuvemshop?
Página de Categoria
Personalize o banner de destaque (hero), o cabeçalho e a listagem de produtos de cada categoria.
📝 Como personalizar a página de categoria com o layout Ipanema na Nuvemshop?
Páginas de Busca e Erro 404
Configure o cabeçalho e a listagem de produtos dos resultados de busca, e a mensagem que seu cliente vê diante de um erro 404.
📝 Como personalizar as páginas de busca e erro 404 com o layout Ipanema?
Como ajustar a identidade visual da minha marca?
A partir de um painel centralizado, defina as cores, a tipografia e o estilo dos botões que se aplicam em toda a sua loja, sem precisar repetir a configuração em cada seção.
Como configurar o comportamento da minha loja?
Além do design visual, o Ipanema tem um conjunto de configurações avançadas para ajustar como sua loja se comporta: da aba do navegador ao carrinho de compras.
Aba do navegador
Personalize o favicon do carrinho e mostre uma mensagem dinâmica na aba quando seu cliente troca de janela.
📝 Como personalizar a aba do navegador no layout Ipanema na Nuvemshop?
Pop-up promocional
Ative um pop-up com imagem, título, descrição e botão, e adicione um formulário de newsletter.
📝 Como configurar um pop-up promocional com o layout Ipanema na Nuvemshop?
Seus produtos nas listagens
Configure a disposição, as fotos e o estoque dos seus produtos em categorias, resultados de busca e na grade da página inicial.
📝 Como personalizar meus produtos nas listagens com o layout Ipanema na Nuvemshop?
Detalhe dos seus produtos
Configure as variações, o preço, as informações e as formas de entrega na página de cada produto.
📝 Como personalizar o detalhe dos meus produtos com o layout Ipanema na Nuvemshop?
Carrinho de compras
Defina um valor mínimo de compra, ative a compra rápida, os cupons de desconto e a calculadora de frete.
CSS personalizado
Adicione seu próprio código CSS para personalizar tipografias, cores e espaçamentos além das opções padrão.
📝 Como personalizar minha loja com códigos CSS no layout Ipanema?
Agora você já sabe o que é o layout Ipanema, em que ele se diferencia dos outros layouts da Nuvemshop, e tem acesso a todos os tutoriais para personalizá-lo.