Table of Contents
Como escolher um Layout para minha loja?Como personalizar o layout? Personalização avançada do LayoutMenu de navegação, Páginas, categorias e subcategoriasOutras ferramentasNeste índice, você encontrará os tutoriais que ensinam como personalizar o Layout para que o visual de sua loja fique conforme a identidade de sua marca.
Como escolher um Layout para minha loja?
Se ainda está conhecendo a nossa plataforma ou se já conhece e deseja testar outros modelos de Layouts, acesse a nossa 🎨 Loja de Layouts Nuvem.
Para te ajudar na escolha e instalar este novo Layout no seu E-commerce, siga os passos do tutorial abaixo:
📝 Como testar outro layout?
Como personalizar o layout?
Após escolher e instalar do layout em sua loja virtual, o próximo passo é customizar e criar sua identidade visual. Clique em "Ver mais detalhes" para saber mais.
Ver mais detalhes
Neste tópico, listamos todos os tutoriais que ensinam como personalizar o seu Layout, por exemplo: Ajustar o cabeçalho, inserir banners, customizar a página inicial, destacar os produtos, habilitar o cálculo de frete, rodapé, entre outras opções.
📝 Personalizar o layout Amazonas
📝 Personalizar o layout Simple
📝 Personalizar o layout Lifestyle
📝 Personalizar o layout Material
📝 Personalizar o layout Atlântico
📝 Personalizar o layout Silent
📝 Personalizar o layout Toluca
DeletePersonalização avançada do Layout
Você pode customizar o layout através dos códigos CSS e HTML. Para fazer esse tipo alteração, recomendamos que tenha conhecimentos avançados em linguagens de programação.
Se você possui esses conhecimentos e deseja alterar algum elemento do layout, na Nuvemshop você pode fazer através de dois campos:
Usando o campo "Edição de CSS avançada"
Através do campo Edição de CSS avançada no painel de personalizado do Layout, é possível adicionar códigos CSS, sendo possível alterar e ocultar alguns elementos (modificações mais simples).
Listamos abaixo os tutoriais que explicam o que é possível alterar e como aplicar o código:
📝 Saiba o que dá para alterar
Editar o código-fonte (FTP)
Em todo Layout da Nuvemshop, você encontra uma opção de Editar o código. Esse campo permite acessar o código-fonte (FTP) do Layout e realizar alterações avançadas através do HTML.
Esse método de customização é preciso ter conhecimento avançado de código HTML e CSS. Lembrando que qualquer mudança incorreta, sua loja pode ficar fora do ar.
Listamos abaixo os tutoriais que explicam o que é possível alterar e como aplicar o código:
📝 Veja o que dá para alterar
Warning
O acesso ao FTP não está disponível em todos os planos. Para saber quais funcionalidades o seu plano oferece, consultar a página 🌐 Planos e Preços.
Success
Caso não tenha esse conhecimento em linguagem HTML e CSS, você pode contratar um programador de confiança ou solicitar um orçamento para uns dos 👉 Parceiros Nuvemshop.
Menu de navegação, Páginas, categorias e subcategorias
Por meio desta opção, é possível organizar as categorias dos produtos e páginas institucionais para aparecerem no Menu de navegação da sua loja. Separamos em dois tópicos como personalizar este menu.
Para configurar o seu menu de navegação, criar páginas, categorias e subcategorias, consulte os seguintes tutoriais:
Menu de navegação
Com a ferramenta Barra de navegação, você pode adicionar ao menu de navegação da sua loja virtual as categorias e subcategorias de produtos, páginas de conteúdos (Quem somos, políticas de privacidade) e até mesmo uma página exclusiva de contato.
Abaixo listamos os tutoriais que ensinam como personalizar o menu de navegação da sua loja virtual:
📝 Criar menu no cabeçalho
Categorias e subcategorias
Organize seus produtos em categorias e subcategorias, adicione no menu da sua loja, tornando a navegação mais atraente e amigável para seus clientes.
Abaixo listamos os tutoriais que ensinam como criar e organizar as categorias e subcategorias da sua loja virtual:
📝 Criar categorias
📝 Ordenar produtos sem estoque
DeletePáginas de conteúdo
Essa ferramenta permite criar páginas institucionais, por exemplo: "Política de privacidade", "Troca e devolução" e "quem somos". Além disso, também é possível incorporando códigos externos (Blog, PDF, vídeo, imagens, etc).
Abaixo listamos os tutoriais que ensinam como criar páginas de conteúdo em sua loja virtual:
📝 Criar páginas de conteúdo
Outras ferramentas
Além dessas configurações, também indicamos que consulte alguns artigos relacionados a personalização do Layout.
📝 Colocar um vídeo na descrição do produto
📝 Deixar minha loja no modo Página em Construção