Central de Atendimento Nuvem Configure sua loja Layout Escolher Layout Layout Material

Como personalizar o layout Material?

Veja como customizar as cores, o tipo de letra, a página inicial, página do produto, rodapé e outros elementos do Layout Material.

Última atualização: 13/10/2023

Com layout Material pode personalizar alguns elementos como adicionar banners rotativos para apresentar categorias, exibir um vídeo acompanhado de um texto no rodapé, mostrar suas fotos do Instagram e diversas outras possibilidades, para deixar sua loja com um visual exclusivo e direcionado à identidade de sua marca.


Neste tutorial, 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

Crie uma identidade visual adicionando o logo (logotipo), defina as cores e as tipo de letra

Para configurar estes elementos, pode consultar os seguintes tutoriais:

Inserir logo (logotipo)

Para inserir o logotipo na sua loja virtual, siga os passos do tutorial abaixo:
📝 Como inserir um logo no meu layout?

Delete

Inserir o logo (logotipo) na aba do navegador

Para inserir o logotipo na aba do navegador, siga os passos do tutorial abaixo:
📝 Como inserir o logo na aba do navegador?

Delete

Trocar o tipo de fonte do Layout

Para alterar a fonte da sua loja virtual, siga os passos do tutorial abaixo:
📝 Como trocar a fonte do meu layout?

Delete

Alterar as cores do Layout

Para alterar as cores da sua loja virtual, siga os passos do tutorial abaixo:
📝 Como alterar as cores do meu layout?

Delete

Cabeçalho

Personalize o cabeçalho e ofereça uma navegação mais fácil para seus clientes. Por exemplo, mostrar menu reduzido durante a navegação no site. 

Para aprender a personalizá-lo, veja o tutorial:
📝 Como configurar o cabeçalho do layout?


Página inicial

A página principal de sua loja é o primeiro contato que possíveis leads e clientes terá com sua marca e produto. Com o layout Material você conta com várias possibilidades para configurar a página inicial da sua loja virtual.

Abaixo listamos os tutoriais que ensinam como personalizar a página inicial no Layout Material:

Banners

Abaixo listamos os tutoriais que ensinam como configurar os banners no Layout Material:

📝 Adicionar banners rotativos

📝 Adicionar Banners de frete, pagamento e compra

📝 Colocar banners promocionais

Delete

Editar a mensagem de boas-vindas

Para adicionareditar a mensagem de boas-vindas, siga os passos do tutorial abaixo:
📝 Como adicionar ou alterar a mensagem institucional da página inicial?

Delete

Categorias principais

Para habilitar e desabilitar as categorias principais, siga os passos do tutorial abaixo:
📝 Como ocultar a seção "categorias principais" da página inicial?

Delete

Módulo de vídeo e texto

Para inserir o módulo de vídeotexto, siga os passos do tutorial abaixo:
📝 Como adicionar módulo de vídeo e texto na página inicial?

Delete

Pop-up Newsletter

Para habilitar o pop-up Newsletter, siga os passos do tutorial abaixo:
📝 Como habilitar o pop-up de newsletter em meu layout?

Delete

Lista de Produtos

Nesta seção, você consegue personalizar alguns elementos de visualização dos seus produtos. Por exemplo, configurar a quantidade de produtos por linha para visualização, ativar a opção de compra rápida, variações de cores dos produtos, etc.



Se quiser modificar a visualização dos seus produtos acesse o tutorial:
📝 Como configurar minha lista de produtos?

Delete

Info

Para saber como configurar as categorias e subcategorias de produtos, consulte o nosso índice 📝 Tudo sobre Categorias.


Detalhe do produto

Nesta seção, você pode ativar ou desativar a opção do cálculo de frete diretamente na página de seus produtos. No exemplo abaixo, optamos por desativar a calculadora:


Para habilitar a calculadora de frete, siga os passos do tutorial abaixo:
📝 Como habilitar o cálculo de frete na página do produto?

Delete

Info

Para saber como ativar meios de envio em sua loja, consulte o tutorial 📝 Como escolher a ferramenta de frete perfeita para a minha loja?.


Carrinho de compras

Nesta seção, você pode configurar as informações que serão exibidas para seus clientes ao acessarem seu carrinho de compras. Por exemplo, valor mínimo de compra, botão "Ver mais produtos", etc.


Para configurar o carrinho de compra do seu Layout Material, siga os passos do tutorial abaixo:
📝 Como configurar e personalizar meu carrinho de compras?


Rodapé da página

Defina as informações que ficarão disponíveis no rodapé da loja virtual. Por exemplo, você pode inserir selos personalizados, incluir informações sobre meios de pagamento e envio e colocar selos personalizados.


Para estas configurações, acesse os tutoriais:

Menu para o rodapé

Para adicionar um menu exclusivo para o rodapé, siga os passos do tutorial abaixo:
📝 Como adicionar um menu no rodapé?

Delete

Informar suas opções de frete e pagamento

Para mostrar as bandeiras de frete e cartão no rodapé da loja virtual, siga os passos do tutorial abaixo:
📝 Como mostrar os ícones do frete e cartão no rodapé da minha loja?

Delete

Selos personalizados

Para inserir selos personalizados, siga os passos do tutorial abaixo:
📝 Como inserir selos personalizados no layout?

Delete

Habilitar a inscrição para newsletter

Para habilitar a seção para inscrição da newsletter no rodapé da loja virtual, siga os passos abaixo:
📝 Como ativar a inscrição para o Newsletter no rodapé da loja?

Delete

Pronto! 🙌

Seguindo esses passos, você irá personalizar o layout Material e oferecer uma experiência incrível para os seus clientes e visitantes!

O artigo ajudou você?