Central de Atendimento Nuvem Configure sua loja Layout Alterar Layout

Como testar outro layout?

Saiba como escolher um novo modelo de Layout para sua loja Nuvemshop.

Última atualização: 10/10/2022

Na 🎨 Loja de Layout Nuvemshop, você encontra 11 modelos diferentes de Layouts totalmente customizáveis para sua loja virtual, sendo possível  escolher outro Layout para você poder criar uma identidade visual de forma fácil e rápida. 

Neste tutorial, te mostramos como testar um outro modelo de Layout na sua loja Nuvemshop.

Antes de trocar o Layout:

Saiba o que acontece com suas configurações após trocar o Layout

Clique para mais informações

Após alterar o Layout da sua loja, os produtos cadastrados, categorias e subcategorias, assim como as configurações de SEO, nome e descrições das páginas e informações de contato não serão afetados.

Além disso, caso não goste da nova opção, você pode voltar para o layout anteriorencontrar exatamente do jeito que estava antes da mudança. Os banners e o logo, por exemplo, ficam armazenadas no layout que estava sendo utilizado anteriormente.

Delete

Success

A trocar de layout pode afetar algumas configurações da sua loja. Por exemplo, banners rotativos e seu logo podem não ser carregados para o novo layout, além de alguns layouts apresentarem opções diferentes.

Delete


Delete

Warning

As lojas que possuem FTP (código-fonte) aberto não podem alterar o Layout. Para saber como fechar o FTP, siga os passos do tutorial 👉 Como fechar o FTP?.


Vamos aos passos!

Trocando o modelo do Layout

1. Acesse o painel administrador Nuvemshop.

2. Siga pelo caminho "Minha Nuvemshop > Layout" e depois clique em " Testar outro Layout".

3. Ao fazer issodirecionaremos você para a nossa 🎨 Loja de Layouts Nuvemshop.


4. Dentro da 🎨 Loja de Layout Nuvemshop, escolha uns dos modelos disponíveis.

Para te ajudar a escolher o tema correto para a sua loja virtual, oferecemos uma versão demo do Layout e uma página com as principais características do tema escolhido.

Ver características

Leia a página das características do Layout com atenção, pois é a partir dessas informações que você poderá ter uma visão geral do que encontrará com relação às funcionalidades que permitiram personalizarcriar a sua identidade visual.

1. Para consultar as principais características de uns dos Layouts disponíveis, basta passar o mouse por cima do tema, ao fazer isso, aparecerá 3 botões, clique em "Ver características".


2. Em seguida, direcionaremos você para a página com as principais informações sobre o tema

No exemplo abaixo, acessamos o Layout Atlântico e conseguimos ver uma visão geral das características desse tema:

Delete

Ver lojas demo

1. Após ler todas as características do tema escolhido, na loja de Layouts Nuvemshop você pode acessar a pré-visualização do Layout de duas formas:

Através da página inicial da loja 

Na página inicial da loja de Layout Nuvemshop, basta passar o mouse por cima do modelo que irá aparecer as opções, clique em "Ver lojas demo".

Delete

Através da página Ver características 

Ao acessar a opção Ver características, à direita da tela, você visualizar alguns botões, clique em "Ver lojas demo".


Delete


2. Em seguida, abrirá uma janela para você poder fazer um teste de navegação, ver como o layout de comporta na versão desktop e mobile e os modelos diferentes de configuração do mesmo Layout.

Para saber como funciona loja demo, assista o vídeo abaixo:

Delete


5. Após escolher o layout, verifique se o modelo escolhido é o seu tema atual ou seu tema rascunho. Isso porque não é possível trocar para um layout que já está em uso. Para saber como verificar, siga os passos abaixo:

Verificar "Seu tema atual"

Para identificar o seu tema atual através da loja de Layouts Nuvemshop, procure pelo modelo que tenha uma borda laranja e abaixo do tema estará escrito Seu tema atual.

No exemplo abaixo, o tem atual é o Idea, ou seja, esse layout já está em uso.

Delete

Verificar "Seu tema rascunho"

Para identificar o seu tema rascunho através da loja de Layouts Nuvemshop, procure pelo modelo que tenha escrito abaixo do tema Seu tema rascunho.

No exemplo abaixo, o tema rascunho é o Material, ou seja, esse layout já está em uso.


Delete

Info

Para saber como usar a ferramenta de rascunho, consulte o tutorial 👉 Como editar o layout da minha loja em rascunho?.

Delete


❗ Para trocar uma variação/tema do mesmo layout, por exemplo, do Amazonas (roupas) para o Amazonas (moda ou infantil), primeiro você terá que alterar para outro layout totalmente diferente (como o Simple), publicá-lo e depois alterar para o Amazonas novamente, selecionando o tema desejado.

Delete

Warning

Em alguns casos, pode ocorrer de mesmo assim não entrar o tema do layout que você desejava, sendo necessário fazer os ajustes no design de forma manual, pois as variações de um layout são apenas configurações diferentes aplicadas no mesmo tema.


6. Se o layout não estiver em uso, quando passar  o mouse por cima do tema, aparecerá as opções, clique em "Teste este tema".


7. Em seguida, abrirá um pop-up, clique na opção "Testar novo Layout".


8. Após isso, iremos te redirecionar para o menu de personalização do Layout e automaticamente o Layout será salvo como rascunho. Basta clicar em "Vamos começar".


Delete

Warning

Para saber como usar a ferramenta de rascunho, consulte o tutorial 👉 Como editar o layout da minha loja em rascunho?.


Pronto! 🙌 

Agora você pode testar outro tema em sua loja virtual sem alterar as configurações originais do seu Layout.

O artigo ajudou você?