O que é a Seção "Banners" na Simples Loja?
A seção "Banners" na aba "Aparência" da Simples Loja permite que você crie banners visuais para a sua loja online. Existem dois tipos de banners:
Slide: Um banner principal que aparece na página inicial da loja (ex.: "Simples Loja - O melhor e-commerce, como você nunca viu!"). Se você adicionar mais de uma imagem, ele se torna um carrossel (slide) que alterna entre as imagens.
Promocional: Um banner de chamada promocional, geralmente usado para destacar promoções ou mensagens (ex.: "Venha fazer parte - Família Simples Loja!").
Os banners ajudam a atrair a atenção dos clientes e destacar promoções ou a identidade da sua loja.
Como Criar um Banner
Acesse a Seção "Banners"
No menu principal, clique em "Aparência". Na aba "Aparência", clique na seção "Banners". Você verá uma lista de banners já criados (ex.: "Venha fazer parte", "Simples Loja") ou uma página vazia se ainda não tiver criado nenhum.Inicie a Criação de um Novo Banner
Clique no botão roxo "Criar banner" no canto superior direito da página. Uma janela chamada "Criar banner" será aberta.Escolha o Tipo de Banner
Na janela "Criar banner", escolha o tipo de banner que deseja criar:Slide: Para banners principais na página inicial, que podem se tornar um carrossel se mais de uma imagem for adicionada.
Promocional: Para banners de chamadas promocionais, como promoções ou mensagens especiais.
Preencha os Detalhes do Banner
Independentemente do tipo (Slide ou Promocional), os campos a seguir estão disponíveis:Título: Insira o título do banner (ex.: "Simples Loja - O melhor e-commerce" ou "Venha fazer parte"). Este campo é obrigatório.
Descrição: Adicione uma descrição curta (ex.: "Como você nunca viu!" ou "Família Simples Loja!").
Adicionar Imagem: Clique na área "Adicionar imagem" para fazer upload de uma imagem que será exibida no banner. Para o tipo "Slide", se você adicionar mais de uma imagem, elas serão exibidas em um carrossel.
Adicionar Link?: Ative ou desative a opção "Adicionar link?" deslizando o botão para a direita (ficará roxo). Se ativado, insira a URL para onde o banner deve direcionar (ex.: https://[sua-loja].simplesloja.app/promocoes).
Abrir em uma Nova Janela?: Se você adicionou um link, ative ou desative a opção "Abrir em uma nova janela?" deslizando o botão para a direita (ficará roxo).
Se ativado, o link abrirá em uma nova aba do navegador.
Se desativado, o link abrirá na mesma aba.
Adicionar Botão?: Ative ou desative a opção "Adicionar botão?" deslizando o botão para a direita (ficará roxo). Se ativado, o botão será exibido no banner e usará o link fornecido (ex.: um botão "Saiba Mais" que leva para a página de promoções).
Finalizar
Após preencher os campos, clique no botão "Criar banner" na parte inferior da janela para salvar o banner. Ele será adicionado à lista na página "Banners" e aparecerá na sua loja.
Como Gerenciar Banners
Na página "Banners", você verá a lista de banners criados com as seguintes opções:
Editar: Clique no botão "Editar" ao lado de um banner para modificar o título, descrição, imagem, link, ou outras opções.
Excluir: Clique no ícone de lixeira (🗑️) ao lado de um banner para removê-lo.
Como os Banners Aparecem na Loja
Slide: O banner do tipo "Slide" aparece na página inicial da loja, geralmente no topo, como no exemplo "Simples Loja - O melhor e-commerce, como você nunca viu!". Se houver mais de uma imagem, elas alternarão automaticamente em um carrossel.
Promocional: O banner do tipo "Promocional" aparece em uma seção destacada da loja, como no exemplo "Venha fazer parte - Família Simples Loja!", geralmente usado para promoções ou mensagens especiais.
Exemplo Prático de Criação de Banner
Exemplo 1: Banner do Tipo "Slide"
Imagine que você quer criar um banner principal para a página inicial da sua loja "Matos":
Acesse "Configurações" > "Aparência" > "Banners".
Clique em "Criar banner".
Escolha o tipo "Slide".
Preencha os detalhes:
Título: "Bem-vindo à Matos!"
Descrição: "As melhores bolsas e acessórios!"
Adicionar Imagem: Faça upload de uma imagem de uma bolsa em destaque.
Adicionar Link?: Ativado, com a URL https://matos.simplesloja.app/produtos?categoria=bolsas.
Abrir em uma Nova Janela?: Desativado.
Adicionar Botão?: Ativado (o botão mostrará "Saiba Mais" e levará para a URL).
Clique no botão "Criar banner".
O banner aparecerá na página inicial da sua loja como um slide. Se você adicionar mais imagens, elas alternarão em um carrossel.
Exemplo 2: Banner do Tipo "Promocional"
Agora, imagine que você quer criar um banner promocional para o Natal:
Acesse "Configurações" > "Aparência" > "Banners".
Clique em "Criar banner".
Escolha o tipo "Promocional".
Preencha os detalhes:
Título: "Natal na Matos!"
Descrição: "Descontos de até 20%!"
Adicionar Imagem: Faça upload de uma imagem com tema natalino.
Adicionar Link?: Ativado, com a URL https://matos.simplesloja.app/promocoes.
Abrir em uma Nova Janela?: Desativado.
Adicionar Botão?: Ativado (o botão mostrará "Aproveite Agora" e levará para a URL).
Clique no botão "Criar banner".
O banner promocional aparecerá em uma seção destacada da sua loja, incentivando os clientes a clicarem para ver as promoções.
Dicas para Criar Banners Eficientes
Use imagens de alta qualidade que representem bem o tema do banner (ex.: produtos em destaque ou temas sazonais).
Escolha títulos e descrições curtos e impactantes (ex.: "Natal na Matos! Descontos de até 20%!").
Adicione links e botões para direcionar os clientes a páginas específicas, como promoções ou categorias.
Para banners do tipo "Slide", use no máximo 3-5 imagens no carrossel para não sobrecarregar a página inicial.