Em alguns layouts, você tem a possibilidade de alterar as cores do rodapé da sua loja virtual, caso queira usar cores diferentes das que foram definidas no layout da sua Nuvemshop.
Warning
Essa funcionalidade está disponível apenas nos layouts Amazonas, Trend e Idea.
Para visualizar os passos, clique na barra azul referente ao layout da sua loja:
Amazonas
1. Acessar o painel administrador Nuvemshop e seguir o caminho "Minha Nuvemshop > Layout > Personalizar seu layout atual".
2. No menu lateral do editor de layout, localizar a seção "Rodapé da página" e clicar nela.
3. Você verá uma caixa na opção "Usar estas cores para o rodapé da página". Clique nela para habilitar e escolher as cores.
4. Por padrão, inicialmente as cores serão as mesmas do layout, configuradas em "Cores da sua marca". Para alterar a cor de fundo ou dos textos e ícones, basta clicar sobre cada opção e selecionar a cor desejada.
5. Se a cor não estiver entre as sugestões, basta clicar em "Nova cor" e escolher uma no quadro, clicando por fim em "Usar esta cor". Confira o exemplo abaixo:
6. Para visualizar a alteração, basta clicar em "Publicar alterações".
Info
Quer testar as novas cores antes de publicar? Recomendamos usar a versão rascunho do layout, seguindo o tutorial 👉 Como editar o layout da minha loja em rascunho?
Abaixo, trouxemos um GIF de exemplo:
Trend
1. Acessar o painel administrador Nuvemshop e seguir o caminho "Minha Nuvemshop > Layout > Personalizar seu layout atual".
2. No menu lateral do editor de layout, localizar a seção "Rodapé da página" e clicar nela.
3. Você verá a opção "Cor de fundo do rodapé", com uma caixa de seleção. É possível alterar as cores de fundo do rodapé considerando as quatro opções: Cor principal de sua marca, Cor secundária, Cor de fundo e Cor de textos:
❗ Caso não saiba quais cores estão definidas em cada opção, volte ao início do menu editor, localize a seção "Cores da sua marca" e clique nela para abrir os detalhes. Confira o GIF de exemplo abaixo:
4. Por padrão, a cor de fundo do rodapé vem definida com a cor de fundo da loja. Você pode mudar para a opção cor principal, co secundária ou cor de textos.
5. Ao finalizar, basta clicar em "Publicar alterações".
Info
Quer testar as novas cores antes de publicar? Recomendamos usar a versão rascunho do layout, seguindo o tutorial 👉 Como editar o layout da minha loja em rascunho?
Abaixo, trouxemos um GIF de exemplo:
Idea
1. Acessar o painel administrador Nuvemshop e seguir o caminho "Minha Nuvemshop > Layout > Personalizar seu layout atual".
2. No menu lateral do editor de layout, localizar a seção "Rodapé da página" e clicar nela.
3. Você verá a opção "Cor de fundo do rodapé", com uma caixa de seleção. É possível alterar as cores de fundo do rodapé considerando as três opções: Cor principal de sua marca, Cor de fundo e Cor de textos:
❗ Caso não saiba quais cores estão definidas em cada opção, volte ao início do menu editor, localize a seção "Cores da sua marca" e clique nela para abrir os detalhes. Confira o GIF de exemplo abaixo:
4. Por padrão, a cor de fundo do rodapé vem definida com a cor de fundo da loja. Você pode mudar para a opção cor de textos ou cor de fundo.
5. Ao finalizar, basta clicar em "Publicar alterações".
Info
Quer testar as novas cores antes de publicar? Recomendamos usar a versão rascunho do layout, seguindo o tutorial 👉 Como editar o layout da minha loja em rascunho?
Abaixo, trouxemos um GIF de exemplo:
Pronto! 🙌
As cores do rodapé da sua loja virtual foram alteradas.
Para mais tutoriais de personalização do seu layout, recomendamos acessar a seção abaixo:
📁 Personalização básica do layout
Warning
Se você utiliza outro layout e não possui interesse em alterá-lo para conseguir mudar as cores, recomendamos fazer essa modificação por código CSS. Para isso, veja o tutorial 👉 O que dá para ser alterado por CSS no layout da minha loja?