Página e layout

Use a aba Página para montar a estrutura visual da loja: o banner principal (hero), como os produtos são exibidos, o rodapé e as seções da página.

Como acessar

1. No menu lateral, clique em Vendas.
2. Expanda Loja Virtual.
3. Clique em Lojas.
4. Selecione a loja desejada na listagem.
5. Abra a aba Página.

Hero da loja

O hero é o banner principal que aparece no topo da loja. Configure o template e o comportamento aqui. As imagens dos banners são gerenciadas na aba Banners do Hero.

1. Template do Hero: o formato do banner.
2. Exibir botão CTA: liga o botão de chamada para ação.
3. Texto do botão: o texto que aparece no botão.
4. Altura do hero: a altura do banner.
5. Transparência da sobreposição: o escurecimento sobre a imagem.
6. Troca automática de imagens: avança os banners sozinho, no template Carrossel.
7. Intervalo: o tempo entre um banner e outro.

Template do Hero

Escolha como o hero é exibido:

Template	Descrição
Carrossel	Várias imagens em rotação (padrão).
Tela Cheia	Imagem única ocupando toda a altura da tela, com o botão centralizado.
Dividido	Metade texto, à esquerda, e metade imagem, à direita.
Minimalista	Fundo em gradiente colorido, sem imagem.

Configurações do Hero

Campo	O que faz
Exibir botão CTA	Mostra um botão de chamada para ação sobre o banner.
Texto do botão	Texto do botão (ex.: “Ver produtos”, “Comprar agora”).
URL do botão	Para onde o botão leva ao ser clicado.
Altura do hero	Escolha entre Padrão (420px), Média (60vh), Alta (80vh) e Tela Cheia (100vh).
Transparência da sobreposição	Escurecimento sobre a imagem, de 0% (sem escurecimento) a 100%. Ajuda a legibilidade do texto.
Troca automática de imagens	Só no template Carrossel: avança os banners automaticamente.
Intervalo	Tempo entre cada banner, de 1 a 30 segundos.

Exibição da loja

Controla como o catálogo de produtos é apresentado.

1. Modo da Página: vitrine completa ou direto para a página de produtos.
2. Exibir Filtros: liga a barra de filtros do catálogo.
3. Posição da Busca: onde a busca aparece.
4. Carregamento de mais itens: paginação ou rolagem infinita.
5. Ordenação das categorias: ordem das categorias no menu e nas seções.

Campo	O que faz
Modo da Página	Define se a URL principal abre a vitrine completa (com hero, seções e catálogo) ou vai direto para a página de produtos.
Exibir Filtros	Controla a sidebar de filtros no catálogo e o botão de filtros no mobile.
Posição da Busca	Define onde a busca aparece: no header, acima da grade de produtos ou oculta.
Carregamento de mais itens	Paginação (botão “Carregar mais”, recomendado) ou rolagem infinita (carrega ao descer a página).
Ordenação das categorias	Ordem das categorias no menu e seções: por nome, por código (controle manual) ou por data de criação.

Use a opção de ordenação por Código quando quiser controlar manualmente a posição de cada categoria (ex.: 010, 020, 030).

Footer da loja

Configure o rodapé exibido em todas as páginas da loja.

1. Template do Footer: 4 Colunas, 2 Colunas ou Minimalista.
2. Colunas de Links: as colunas de links do rodapé, com o botão + Adicionar Coluna.
3. Copyright e Rodapé: o campo do texto de copyright.
4. Exibir ícones de pagamento: mostra as bandeiras de pagamento aceitas.
5. Exibir “Powered by”: mostra no rodapé a assinatura da plataforma.
6. Cores avançadas (opcional): cor de fundo e cor do texto do rodapé.

Template do Footer

Template	Descrição
4 Colunas	Logo e 3 colunas de links (padrão).
2 Colunas	Marca e links agrupados.
Minimalista	Uma linha só, com logo e copyright.

Configurações do Footer

• Colunas de Links: cada coluna tem um título e uma lista de links. Cada link pode ter texto, URL e indicação de link externo. Deixe vazio para usar as colunas padrão (Comprar, Vender e Ajuda).
• Texto de copyright: texto exibido na parte inferior (ex.: ”© 2025 Minha Loja”).
• Exibir ícones de pagamento: mostra os ícones das bandeiras de pagamento aceitas.
• Exibir “Powered by”: mostra no rodapé a assinatura da plataforma.
• Cores avançadas (opcional): cor de fundo e cor do texto do rodapé. Deixe vazio para usar as cores do tema.

Seções da página

O gerenciador de seções permite montar a página da loja com blocos visuais.

Ativar o page builder

Marque Usar Page Builder para habilitar o gerenciamento de seções. Quando desativado, a loja usa a estrutura padrão.

1. Usar Page Builder: liga o gerenciador de seções.
2. A linha de uma seção, com a alça para arrastar, o título (editável), o tipo e o botão de ativar ou desativar.
3. O template da seção.
4. A lixeira: o primeiro clique pede confirmação, com os botões Remover e Cancelar.
5. + Adicionar Seção: abre a lista de tipos.

Tipos de seção disponíveis

Clique em + Adicionar Seção e escolha o tipo:

Tipo	O que exibe
Categorias	Grade ou carrossel de categorias.
Produtos em Destaque	Seleção de produtos destacados.
Todos os Produtos	Grade completa de produtos.
Serviços	Lista de serviços.
Benefícios	Barra de benefícios da loja.
Newsletter	Formulário de inscrição por e-mail.
Linha de Banners	Dois ou três banners lado a lado.
Depoimentos	Avaliações de clientes.
HTML Customizado	Conteúdo livre em HTML.

Cada seção pode ser:

• Reordenada: arraste para cima ou para baixo.
• Ativada/desativada: sem perder a configuração.
• Configurada: título e template de exibição.

Templates de seção

Muitas seções oferecem diferentes templates de exibição. Por exemplo, categorias podem usar:

• Grade de 3 ou 4 colunas
• Carrossel horizontal
• Ícones circulares
• Cards tipo “tile”

Modelo de loja (Preset)

Use presets para aplicar uma estrutura pronta de uma vez. O preset substitui o hero, o rodapé e as seções da página.

1. O cartão do modelo, com o nome, a descrição e o resumo do que ele aplica (hero, número de seções e footer).
2. Aplicar Modelo: aplica o modelo à loja.

Escolha um modelo, clique em Aplicar Modelo e confirme em Sim, aplicar. As configurações anteriores de hero, rodapé e seções são substituídas.

Você também pode acessar modelos pelo botão Modelos na barra de ferramentas.

Dica importante

Compartilhe apenas a URL principal da loja com os clientes. A configuração de Modo da Página define o que será exibido quando o cliente acessar esse link.