Central de Atendimento Nuvem

Como personalizar o layout Focus?

Saiba como customizar as cores, o tipo de letra, a página inicial, carrinho de compras, página do produto, rodapé e outros elementos do Layout Focus

Última atualização: 28/11/2024

O layout Focus é um tema que permite priorizar a imagem da sua marca e ainda vender seus produtos, podendo adicionar vídeo na página inicial e um plano de fundo na loja virtual, criando um visual exclusivo e direcionado à identidade de sua marca.

Success

O Layout Focus só está disponível para lojistas que já usam esse tema em suas lojas. 

 


 

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

Defina a sua marca criando uma identidade visual adicionando o logo (logotipo), configurando as cores e as letras

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?

 
 

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?

 
 

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?

 
 

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?

 
 

Página inicial

No menu Página principal você pode adicionar banners rotativos, ativar o pop-up newsletter, lembrando que essa página será o primeiro contato que os usuários terá com sua marca e produto. Com o layout Focus você encontra diversas opções para personalizar a página inicial da sua loja virtual.

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

Banners

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

📝 Adicionar banners rotativos

📝 Adicionar Banners de frete, pagamento e compra

📝 Colocar banners de categorias

 
 

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?

 
 

Destacar produtos

Para destacar os produtos na página inicial, siga os passos do tutorial abaixo: 
📝 Como destacar produtos na página inicial?

 
 

Vídeo

Para adicionar um vídeo do Youtube ou Vimeo na página inicial, siga os passos do tutorial abaixo:
📝 Como adicionar um vídeo na página inicial?

 
 

Módulo de imagem e texto

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

 
 

Pop-up Newsletter

Para adicionar o módulo de imagem e texto, siga os passos do tutorial abaixo:
📝 Como habilitar o pop-up de newsletter em meu layout?

 
 

Cabeçalho

Personalize o cabeçalho da sua loja virtual, permitindo que seus clientes tenham uma navegação amigávelorganizada. 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?


Lista de Produtos

No menu Lista de produtos, você consegue personalizar o modelo de visualização dos seus produtos nas categorias subcategorias. Por exemplo, configurar a quantidade de produtos por linha para visualização, ativar a opção de variações de cores dos produtos, etc.

 

Se quiser alterar o formato de visualização dos seus produtos, siga os passos do tutorial abaixo:
📝 Como configurar minha lista de produtos?

Info

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

 

Detalhe do produto

No menu Detalhe do produto, você pode habilitar ou desabilitar a calculadora de frete, adicionar informações sobre a compra, etc. No exemplo abaixo, ativamos a calculadora de frete.


 

Abaixo listamos os tutoriais que ensinam como configurar a página do produto:

Habilitar calculadora de frete

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

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?.

 
 
 

Adicionar informações sobre compra

Para incluir informações adicionais sobre seu negócio ou como funciona a operação da loja, siga os passos do tutorial abaixo:  
📝 Como adicionar informações sobre a compra na página de meus produtos?

 
 

Mensagem para produtos sem estoque

Para configurar a mensagem produtos sem estoque, siga os passos do tutorial abaixo:
📝 Como mostrar quando restar apenas um produto no estoque?

 
 

Carrinho de compras

Na seção Carrinho de compras, é possível configurar as informações que serão exibidas para seus clientes quando acessarem carrinho de compras, por exemplo, valor mínimo de compra e formas de entrega.

 


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


Rodapé da página

No menu Rodapé da página, é possível editar e adicionar elementos do rodapé da loja. 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é?

 
 

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?

 
 

Selos personalizados

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

 
 

Pronto! 🙌

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

O artigo ajudou você?

Dê sua opinião sobre este artigo