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

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: 08/04/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.

Delete

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?

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

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

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

Destacar produtos

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

Delete

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?

Delete

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?

Delete

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?

Delete

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?

Delete

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?

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

Delete

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?

Delete

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?

Delete

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

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

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