1. Fonte do tema
Selecione a fonte principal que será usada em todo o layout da loja.

2. Página de categorias
• Exibir filtro lateral: Ative para mostrar o filtro lateral nas páginas de categoria e busca.
• Opções de filtro abertas: Ative se quiser que os filtros já apareçam expandidos.
• Posição do banner e descrição da categoria: Escolha se o banner e a descrição aparecerão no topo ou no rodapé da categoria.

3. Botão WhatsApp
Configure a exibição do botão “Comprar pelo WhatsApp”:
• Na página do produto: Exibe o botão dentro do produto.
• Na vitrine de produtos: Exibe o botão nos cards de produto.
• Texto do botão: Personalize o texto do botão.
• Mensagem enviada: Edite a mensagem que será enviada automaticamente ao clicar no botão.

4. Botões flutuantes
• Voltar ao topo: Ative para exibir o botão que leva o visitante ao topo da página.
• Redes sociais: Ative para exibir ícones de redes sociais.
• Posição dos botões: Escolha se os botões flutuantes ficarão à esquerda ou à direita da tela.

1. Quantidade de Itens no Menu
Escolha quantas categorias serão exibidas no menu principal. Opções disponíveis: 3, 4, 5, 6 ou 7 itens.

2. Botões Extras
• Exibir botão “Promoções”: Ative para adicionar um atalho para a página de promoções.
• Exibir botão “Categorias”: Ative para mostrar um botão que leva o cliente para a listagem completa de categorias.

3. Ícones no Menu de Categorias
• Exibir ícones no menu: Ative para adicionar ícones personalizados para cada categoria.
• Tamanho recomendado dos ícones: 250x150px.
• Formatos aceitos: JPG, JPEG e PNG.
• Nome do arquivo: Sem espaços ou nomes repetidos.Após o envio, os ícones são exibidos visualmente com o nome da categoria correspondente.

4. Produtos no Menu de Categorias
Adicione produtos em destaque que serão exibidos ao passar o mouse sobre as categorias no menu.
• Clique em “Adicionar Produtos” para selecionar.
• Máximo de 12 produtos podem ser exibidos nesse menu.

Configure como o carrinho lateral da sua loja vai funcionar e quais elementos ele deve exibir. Essa seção é ideal para ativar recursos que estimulam a conversão.

1. Compra Rápida
• Habilitar Compra Rápida: Ative para permitir que o cliente adicione produtos ao carrinho direto da vitrine, sem sair da página.
• Abrir carrinho lateral ao adicionar ao carrinho: Ative para que o carrinho se abra automaticamente após adicionar um produto, aumentando a visibilidade da ação.

2. Barra de Frete Grátis
• Exibir barra de frete grátis: Mostra uma barra informando quanto falta para o cliente alcançar o frete grátis.
• Valor para o frete grátis: Defina o valor mínimo da compra para ativar o benefício (ex: R$ 680,00).

3. Seção “Leve Junto”
• Exibir seção “Leve junto”: Ative para mostrar sugestões de produtos complementares dentro do carrinho lateral.
• Produtos da seção: Clique em “Adicionar Produtos” para escolher os itens recomendados. Máximo de 12 produtos.

Use esta seção para exibir mensagens promocionais no topo da sua loja, como benefícios de frete, descontos ou avisos importantes.

1. Exibir Barra de Informações
• Ative essa opção para mostrar a barra no topo da loja, acima do cabeçalho.

2. Itens da Barra
Você pode adicionar quantas mensagens quiser. Cada item pode conter:
• Texto de destaque (ex.: Frete Grátis, Entrega Rápida, 5% OFF no Pix, etc).
• Link opcional: redirecione o clique para uma página específica da loja (como página de promoções, produtos ou categorias).

3. Organização
• Para mudar a ordem das mensagens, arraste os itens usando o ícone de pontinhos à esquerda.
• Para remover um item, clique no ícone da lixeira.

4. Adicionar Novo Item
• Clique em “Adicionar Item” para criar novas mensagens informativas.

1. Exibir Régua Fio
Ative essa opção para mostrar a régua na loja, geralmente posicionada abaixo do banner principal.

2. Itens da Régua
Cada item inclui:
• Ícone (imagem): Tamanho recomendado 250x250px.
• Título: Frase curta destacando o benefício (ex: Parcelamento, Segurança).
• Descrição: Explicação rápida (ex: em até 12x sem juros).
• Link (opcional): Ao clicar no item, o cliente será redirecionado para uma página.Formatos aceitos: JPG, JPEG, PNG
Regras: O nome do arquivo não pode conter espaços ou ser repetido.

3. Gerenciamento
• Para adicionar um novo diferencial, clique em “Adicionar Item”.
• Para reorganizar, arraste os itens usando o ícone de pontinhos à esquerda.
• Para remover, clique na lixeira.

1. Configurações Gerais da Vitrine
• Exibir produtos em ordem aleatória: Ative para mostrar produtos em ordem diferente a cada acesso.
• Exibir selos do produto: Mostra selos como “Novo”, “Promoção”, etc.
• Exibir variações de cor como texto: Ative para mostrar os nomes das cores disponíveis.
• Exibir segunda imagem ao passar o mouse sobre o produto: Ative para mostrar outra imagem do produto no hover.
• Orientação da imagem: Escolha entre formato quadrado ou vertical.
• Quantidade de cards por linha: Selecione entre 4 ou 5 produtos por linha.

2. Primeira Vitrine de Produtos

• Título da vitrine: Exemplo: LANÇAMENTOS.
• Formato exibido: Escolha entre Carrossel (rolagem lateral) ou Grade (estático).
• Tipo de vitrine: Use vitrines automáticas como Lançamentos, Promoções, Mais vendidos ou Personalizada.
• Quantidade de produtos: Selecione 4, 8 ou 12 itens.

3. Segunda Vitrine de Produtos

Ideal para montar uma seleção personalizada:
• Defina o título, formato e tipo.
• Se escolher “Vitrine Personalizada”, clique em “Adicionar Produtos” e selecione manualmente até 12 produtos.

4. Terceira e Quarta Vitrine

Siga o mesmo padrão:
• Defina o título, o tipo (ex.: Promoção, Mais vendidos), o formato (carrossel ou grade) e a quantidade de produtos.

Use esta seção para destacar as principais marcas vendidas na loja em formato de carrossel, com logos clicáveis.

1. Exibir Slide de Marcas
• Ative para mostrar o carrossel de marcas na loja.

2. Transição Automática
• Ative a opção “Slide de marcas com transição automática” para que o carrossel role automaticamente, sem a interação do cliente.

3. Cadastro das Marcas
Cada marca no carrossel deve conter:
• Imagem da marca (logo)
• Tamanho recomendado: máx. 300px x 300px
• Formatos aceitos: .jpg, .jpeg, .png
• O nome do arquivo não deve conter espaços e não pode ser repetido.
• Link da marca cadastrada na loja (opcional): Quando clicado, redireciona para a página com produtos daquela marca.

4. Gerenciamento
• Use o botão “Adicionar Marca” para inserir novas logos.
• Para organizar a ordem, arraste os itens usando o ícone de pontinhos à esquerda.
• Para remover, clique na lixeira ao lado do item.

Use esta seção para contar a história da sua empresa, apresentar seus valores e fortalecer a conexão com o cliente.

1. Exibir a Seção

• Ative a opção “Exibir seção ‘Quem Somos’” para que essa área seja exibida no layout da loja.

2. Título da Seção

• Personalize o título que será exibido (ex.: “Quem Somos”, “Nossa História”, “Sobre a Loja”).

3. Texto Descritivo

• Utilize esse campo para escrever um parágrafo sobre a empresa: sua missão, diferenciais, tempo de mercado, compromisso com o cliente, entre outros.

• É um ótimo espaço para trabalhar a confiança do consumidor e otimizar palavras-chave para SEO.

A imagem é cadastrada como Banner, no painel da Tray. Consulte o gabarito do tema para conferir a dimensão e localização.

1. Exibir a Seção
• Ative a opção “Exibir seção ‘Se conecte a nós’” para mostrar essa galeria na loja.

2. Informações da Seção
• Título da seção: Personalize o título que será exibido no topo da galeria (ex.: Se conecte a nós, Nos siga no Instagram).
• Nome do perfil: Insira o nome de usuário da rede social (ex.: @sualoja).
• Link para o perfil: Informe a URL completa para redirecionar os visitantes ao seu perfil (ex.: https://instagram.com/sualoja).

3. Postagens
• Adicione imagens que representem seu estilo, bastidores, inspirações ou produtos.
• Tamanho recomendado: até 700px x 700px
• Formatos aceitos: .jpg, .jpeg, .png
• Nome do arquivo: sem espaços e não pode ser repetido.

Você pode:
• Adicionar links nas imagens (opcional).
• Arrastar para reordenar usando o ícone de pontinhos.
• Excluir postagens clicando no ícone da lixeira.
• Cadastrar até 8 posts com o botão “Adicionar Post”.

Escolha se deseja exibir a seção de Blog. Edite também o título da seção através do campo de texto.

Para gerenciar as notícias, acesse esse tutorial:
tutorial

Essa seção permite exibir feedbacks de clientes na página inicial da loja, aumentando a confiança e autoridade da sua marca.

1. Exibir a Seção
• Ative a opção “Exibir depoimentos de clientes na página inicial” para mostrar a seção no layout da home.

2. Título da Seção
• Edite o título exibido acima dos depoimentos (ex.: QUEM COMPROU, O QUE DIZEM, CLIENTES SATISFEITOS).

3. Cadastro de Depoimentos
Para cada cliente, você pode incluir:
• Nome do usuário: O nome do cliente que fez o comentário.
• Link do perfil do usuário (opcional): Pode direcionar para uma rede social ou perfil externo.
• Depoimento do usuário: Texto que expressa a experiência de compra, opinião sobre os produtos ou atendimento.

4. Gerenciamento
• Para adicionar novos depoimentos, clique em “Adicionar Item”.
• Para remover, use o ícone da lixeira ao lado do bloco.
• Você pode cadastrar até 6 depoimentos visíveis por padrão.

Utilize essa seção para incentivar os visitantes da loja a se inscreverem na sua lista de e-mails e receberem novidades, promoções e conteúdos exclusivos.

1. Exibir a Seção
• Ative a opção “Exibir seção Newsletter” para mostrar o bloco de cadastro na página inicial da loja.

2. Título e Subtítulo
• Título: Texto principal que convida o visitante a se inscrever (ex.: Cadastre-se em nossa newsletter).
• Subtítulo: Complementa a mensagem com um benefício ou incentivo (ex.: e receba novidades e promoções).Esses campos são totalmente personalizáveis — aproveite para criar chamadas atrativas e objetivas.

Essa seção permite configurar um popup promocional para capturar atenção, oferecer cupons de desconto ou aumentar sua base de e-mails.

1. Exibir o Popup
• Ative “Exibir popup na loja” para mostrar o popup ao visitante.

2. Conteúdo do Popup
• Título: Frase principal do popup (ex.: Um cupom para você).
• Subtítulo: Complementa a mensagem (ex.: Aproveite nosso cupom de 15% off na primeira compra).
• Imagem de fundo: Tamanho máximo de 700px x 700px, formatos aceitos: .jpg, .jpeg, .png.
O nome do arquivo não pode conter espaços ou ser repetido.

3. Quando o Popup Deve Aparecer
Escolha o momento em que o popup será exibido:
• Ao carregar a página
• Ao tentar sair da página (desktop)
• Após 20 segundos de permanência
Você pode ativar uma ou mais opções de exibição.

4. Tipo de Popup
• Popup de Cupom de Desconto: Oferece um cupom visível diretamente no popup.
• Popup de Captação de E-mails: Ideal para quem deseja montar uma base de leads. (Desativado no exemplo)

5. Informações do Cupom
Caso utilize o popup de cupom:
• Cupom: Código que o cliente deve usar (ex.: NEXT10).
• Título do cupom: Chamada atrativa (ex.: 10% OFF).
• Subtítulo do cupom: Detalhamento da condição (ex.: Na sua primeira compra).

Personalize os elementos visuais e funcionais da página de produto da sua loja, otimizando a experiência de compra e o engajamento com o item.

1. Exibir Avaliações dos Produtos
• Ative para mostrar as avaliações feitas por outros clientes.

2. Exibir Produtos Relacionados
• Ative para exibir sugestões de produtos similares logo abaixo da descrição, incentivando o upsell e o cross-sell.

3. Autoplay do Vídeo do Produto
• Se o produto tiver um vídeo, ative essa opção para que ele seja reproduzido automaticamente ao carregar a página.

4. Mensagens Personalizadas
Você pode configurar mensagens que serão exibidas em situações específicas:
• Produto sem estoque
Exemplo: Este acabou 🙁
• Produto sob consulta
Exemplo: Sob Consulta
(usado quando o produto está disponível apenas mediante contato direto)

Essa seção é ideal para personalizações visuais avançadas. Use-a para alterar estilos que não estão disponíveis nas configurações padrão do tema.

Como usar
• No campo de texto disponível, digite suas regras de CSS personalizadas.
• Isso permite, por exemplo, mudar cores, fontes, espaçamentos, esconder elementos ou ajustar o layout da loja.

⚠️ Cuidados
• O conteúdo precisa estar escrito em CSS válido.
• As alterações afetam diretamente o visual da loja — recomendamos cautela e testes.
• Ideal para quem tem conhecimento técnico ou conta com o suporte de um desenvolvedor.