Manual de Configuração

Sailor Essential

Aqui estão só os recursos que dão mais trabalho para configurar. Os campos simples (textos, títulos, links) se explicam sozinhos nas Configurações do tema.

Manual provisório em texto. A versão em vídeo será publicada em breve.

Onde fica tudo

  • Configurações do tema: painel da wBuy > Temas > no quadro do tema, abra o menu > Configurações do tema. Mude só o campo desejado e clique em Gravar.
  • Cores e fontes: painel da wBuy > Temas > Personalizar tema.
  • Banners, vitrines, produtos, categorias, páginas e avaliações: nos cadastros do próprio painel. O tema mostra o que está cadastrado.

Três cuidados ao escrever nas Configurações

  • Não use aspas (nem " nem '). Com aspas duplas a tela de Configurações fica em branco.
  • Link para página da loja: comece com barra. Exemplo: /todos-produtos/
  • Listas (mensagens, termos, vídeos) seguem o separador pedido no próprio campo: vírgula ou barra em pé |.
1. Faixa preta do topo (mensagens)
  • Configurações do tema, grupo CABEÇALHO - faixa superior no topo da loja: até 4 mensagens. Cada mensagem tem o seu campo de ícone logo abaixo: caminhão, presente, cartão, etiqueta, porcentagem, setas de troca, escudo, relógio, pacote ou sem ícone.
  • No computador as mensagens ficam lado a lado (ou uma por vez, no campo de como aparecem). No celular alternam sozinhas, uma por vez.
  • Mensagem vazia não aparece. Só escreva condições que a loja cumpre de verdade (frete, parcelas, cupom).
2. Banner principal (o carrossel do topo)
  • Cadastro: Marketing > Banners, posição Principal. Hoje são 2.
  • Imagens: uma para computador (1920 x 640) e uma para celular (768 x 1024).
  • Os banners aparecem do mais novo para o mais antigo. Para trocar o primeiro, cadastre de novo o que deve abrir o carrossel e exclua o antigo.
  • Os 2 banners de hoje têm o texto gravado na imagem. Para trocar o texto, troque a imagem.
  • Tempo de cada banner: Configurações do tema, grupo PÁGINA INICIAL - Full Banner principal.
3. Faixa de benefícios (abaixo do banner)
  • Cadastro: Marketing > Destaques. Cada destaque é um item da faixa, com ícone e texto. Até 4.
  • No celular aparece um por vez, trocando sozinho a cada 4 segundos, com bolinhas embaixo.
  • Para deixar a primeira parte em negrito, escreva assim:
    <b>Frete grátis</b> acima de R$ 299
  • Só ponha condições que a loja cumpre de verdade (frete, parcelas, troca).
4. Compre por categoria (os círculos)
  • Cada círculo é um banner: Marketing > Banners, posição Personalizado. Nome do banner = nome que aparece embaixo do círculo. Link do banner = página que abre no clique. A ordem é a dos banners.
  • Imagem quadrada, com o assunto no centro, porque ela é recortada em círculo. Exemplo: 600 x 600.
  • A posição Personalizado só aparece no painel depois que este tema está instalado na loja.
  • Título do bloco: Configurações do tema, grupo PÁGINA INICIAL - bloco Compre por categoria.
5. Lançamentos em abas (todos, masculino, feminino, unissex)
  • Cada aba é uma vitrine: Produtos > Vitrines. O nome da aba é o título da vitrine e os produtos da aba são os da vitrine.
  • Quais vitrines viram abas: Configurações do tema, grupo PÁGINA INICIAL - vitrines de produtos organizadas em abas. Hoje: começa na 1ª vitrine e pega 4.
  • A ordem das abas é a ordem das vitrines no painel. Mudou a ordem? Confira a página inicial.
  • No mesmo grupo: o título do bloco (Lançamentos) e o link Ver todos, à direita do título.
6. Mini banners e banner duplo
  • Mini banners (os 3 abaixo das abas): Marketing > Banners, posição Rodapé, os 3 primeiros. Imagem 16:9 (exemplo: 1280 x 720). O nome do banner aparece por cima da foto.
  • Banner duplo (os 2 lado a lado, Masculino e Feminino): Marketing > Banners, posição Meio, os 2 primeiros.
  • Nas duas posições, marque Página inicial nas páginas do banner, senão ele não aparece.
7. Vídeos - Veja no corpo
  • Cada vídeo fica ligado a um produto. Os produtos vêm de uma vitrine (hoje a vitrine Veja no corpo, a 7ª da lista); os vídeos vêm de uma lista nas Configurações do tema, grupo PÁGINA INICIAL - vídeos dos produtos.
  • Posição da vitrine: o número dela na lista de vitrines (hoje 7). Essa vitrine não aparece como vitrine comum.
  • Lista de vídeos: links do YouTube, de preferência Shorts (vídeo em pé), um por produto, na ordem dos produtos da vitrine, separados por |. Exemplo:
    https://youtube.com/shorts/auTml_8KJKc|https://youtube.com/shorts/cniJPNyVDCE
  • Produto sem link na lista não aparece. Lista vazia: a seção some.
  • Ao clicar, abre o vídeo com o produto ao lado, com cor, preço e botão de compra.
8. Menu com colunas e banner (masculino, feminino)
  • O menu vem das categorias: Produtos > Categorias. Ordem e aparecer no menu ficam lá.
  • Categoria com 3 níveis (exemplo: Masculino > Camisetas > Estampadas) abre um menu em colunas: cada subcategoria vira uma coluna com título, e os itens do 3º nível ficam embaixo.
  • O banner ao lado das colunas é o banner do menu da categoria (no cadastro da categoria, Banners > banner do menu). Sem banner, o menu mostra só as colunas.
  • O OFERTAS em vermelho no fim do menu: Configurações do tema, grupo MENU PRINCIPAL - botão de destaque (nome e página). Se a página for uma categoria que já está no menu, ela não aparece repetida. A cor vermelha é a cor do menu em destaque, no Personalizar tema.
9. Banner da categoria
  • Cadastro da categoria (Produtos > Categorias > editar > Banners): banner interno, para computador (1920 x 320) e celular (768 x 256). Hoje o mesmo banner está em todas as categorias.
  • O nome da categoria aparece embaixo do banner.
  • Frase curta abaixo do nome (opcional): no Texto SEO da categoria, comece com este parágrafo:
    <p class='store-cat-lead'>Camisetas para usar todos os dias.</p>
    Hoje nenhuma categoria tem frase.
10. Card do produto: escolha o tamanho e adicione
  • No computador o card mostra sempre o botão Adicionar (compra rápida). Ao passar o mouse aparece a caixa Escolha o tamanho e adicione: clicar no tamanho já põe o produto na sacola. Clicar em Adicionar sem escolher o tamanho mostra o aviso Escolha um tamanho. Produto com mais de uma cor pede a cor antes.
  • No celular e no tablet (tela de toque, sem mouse) o card mostra o botão Comprar, que abre a página do produto.
  • Isso vem da Montagem: Configurações do tema, grupo MONTAGEM, botão do card = Sempre visível, com os tamanhos ao passar o mouse. Com outra opção, o card volta ao botão comum.
  • Depende do painel: Produtos > Preferências, Habilitar no box do produto a compra rápida = ligado, e Não redirecionar o consumidor automaticamente para o carrinho = ligado (assim a sacola lateral abre e a página fica onde está).
11. Página do produto
  • Benefícios abaixo do botão (Devolução em 7 dias, Frete grátis, Compra segura): Configurações do tema, grupo PÁGINA DO PRODUTO - lista de benefícios. Cada um no formato título|linha de baixo. Exemplo:
    Devolução em 7 dias|direito de arrependimento
    O ícone de cada um é um nome do site remixicon.com. Exemplo: ri-truck-line. Vazio: o benefício some.
  • Caixa de cupom: grupo PÁGINA DO PRODUTO - caixa de cupom. O código tem de ser igual ao do cupom em Marketing > Promoções. Hoje: CAMISETA10.
  • Tabela de medidas: o link Tabela de medidas ao lado do Tamanho abre a tabela cadastrada em Produtos > Tabelas > Tabela de medidas, ligada ao produto. Produto sem tabela não mostra o link.
  • Compre junto: Produtos > Compre junto. Hoje há 2 combinações.
  • Sanfonas (Descrição completa, Itens inclusos, Especificações, Garantia): são as abas do cadastro do produto. Aba vazia não aparece.
  • Barra de compra que aparece ao rolar a página, com o tamanho: grupo PÁGINA DO PRODUTO - apoio à escolha e frete (ligar e texto do botão).
12. Complete sua compra (sugestões na sacola)
  • Produtos sugeridos na sacola lateral e na página do carrinho, que o cliente põe na compra sem sair dali.
  • Vêm da vitrine Complete sua compra (Produtos > Vitrines). Para trocar as sugestões, mude os produtos dessa vitrine.
  • O tema acha a vitrine pelo número: Configurações do tema, grupo CARRINHO LATERAL, campo da vitrine. Coloque só o número (ID) que aparece no painel. Hoje: 106248
  • Vazio: usa a primeira vitrine da loja.
  • Em outra loja o número é outro: depois de instalar o tema, confira este campo.
13. Avaliações (quem comprou, aprovou)
  • Na página inicial e na página do produto aparecem as avaliações que os clientes deixam nos produtos.
  • Toda avaliação nova chega desativada: ative em Produtos > Avaliações. Só as ativadas aparecem.
  • Sem nenhuma avaliação ativa, a seção some.
  • Hoje há 20 avaliações de teste (nomes terminados em Teste): apague antes de a loja ir ao ar.
14. Rodapé
  • Colunas Institucional e Ajuda: são as páginas de Páginas, no painel (o texto de cada uma se edita lá). Em qual coluna cada página aparece o painel novo não mostra: página nova só entra no rodapé depois que o técnico ajustar. Fale conosco e Meus pedidos entram sozinhos na Ajuda.
  • Coluna Categorias: as categorias do menu.
  • Coluna Atendimento: Configurações do tema, grupo RODAPÉ - telefone, WhatsApp, e-mail e horários. WhatsApp com DDD, sem o 55. Exemplo: (11) 99999-9999. Vazios: usam os dados da loja no painel. O mesmo WhatsApp vale para o botão Comprar pelo WhatsApp da página do produto.
  • Pagamento e Segurança (na mesma coluna): mostram as bandeiras das formas de pagamento e os selos de segurança cadastrados no painel. Sem cadastro, o grupo some.
  • No celular as colunas abrem e fecham pelo título.
15. Cores e fontes
  • Painel > Temas > Personalizar tema. Cada cor tem o nome do lugar onde aparece (fundo, textos, botões, menu, rodapé). A fonte é Inter.
  • O arredondamento dos cantos (bordas arredondadas) vale para cartões e botões juntos: os botões ficam um pouco menos arredondados que os cartões.
16. Pronto no tema, mas desligado

Recursos que o protótipo não pede e ficaram desligados. Ligam nas Configurações do tema se o cliente quiser:

  • sugestões de busca (palavras prontas para clicar na busca), grupo BUSCA;
  • faixa com cupom copiável na página inicial;
  • dúvidas frequentes na página inicial (até 4 perguntas; a pergunta só aparece com a resposta).
17. O que depende do painel da wBuy
  • Parcelas e preço no Pix nos cards e na página do produto: vêm das formas de pagamento. A loja de demonstração ainda não tem forma de pagamento, por isso não aparecem.
  • Frete grátis: a barra que mostra quanto falta só aparece com frete grátis configurado (Configurações > Frete e logística). Hoje: acima de R$ 299.
  • Seção de marcas na página inicial: só entram marcas com logo e Destaque = Sim (Produtos > Tabelas > Marcas).
  • Contador Termina em ... neste preço: desligado na loja (Configurações da loja > Carrinho). Mantenha desligado.
  • Redes sociais no rodapé: Marketing > Redes sociais. Sem perfil cadastrado, os ícones não aparecem.

Precisa de ajuda com a configuração do seu tema?

Fale com nosso suporte pelo WhatsApp.

Falar no WhatsApp