Falar no WhatsApp
Manual de Configuração

Sailor Mobile

Passo a passo completo para configurar seu tema wBuy.

Sobre este tema

A instalação do tema Sailor Mobile é automática — assim que adquirido, ele fica disponível em Temas → Outros Temas. Basta clicar em "Instalar" para que ele tome o lugar do tema atual.

Este é um tema avançado — a aquisição dá direito a edições nos arquivos de HTML e CSS do tema (em Opções → Editar código). Dentro de "Personalizar tema", só uma parte das variáveis de cor funciona (as cores dos elementos principais da loja); cores de elementos mais específicos ficam no arquivo CSS Global. Só mexa nesse arquivo se tiver conhecimento avançado de CSS — caso contrário, acione o suporte.

Suporte da Agência Sailor

O suporte cobre: troca de cores que não estão nas variáveis do tema (via CSS Global), e correção de qualquer funcionalidade nativa da wBuy que não esteja respondendo corretamente.

Qualquer coisa que fuja da estrutura padrão do tema (mudar formato do cabeçalho, dos banners, do rodapé) é considerada customização e é orçada à parte — entre em contato explicando o que deseja, e retornamos com um orçamento.
Oferta periódica
Editável em Marketing → Ofertas periódicas. Se o formato "letreiro" não estiver funcionando na sua loja, vá em Opções → Preferências e troque para o formato "carrossel".
Cabeçalho
A busca funciona de forma nativa, procurando produtos pelo nome. A central de atendimento reúne "Fale pelo WhatsApp", "Envie uma mensagem" e um rastreador de pedidos.

Sobre o rastreador de pedidos: é apenas um site dos Correios conectado à loja — não é uma integração com transportadora, é uma ferramenta a mais oferecida ao cliente.

No menu de conta, o cliente faz login/cadastro. No carrinho suspenso, este tema já traz uma vitrine especial chamada "Veja também" (veja mais detalhes no item sobre vitrines).
Carrinho suspenso
Vá em Configurações → Configurações da loja → Carrinho e confirme que a primeira opção está habilitada. Se não estiver, o carrinho suspenso apresenta erro ao adicionar ou remover produtos.
Menu de categorias
O texto "Todas as categorias" (mesmo que no painel da wBuy esteja como "Toda a loja") é editado via código — se precisar mudar esse texto, acione o suporte. Pelo painel, você só consegue mostrar/ocultar a categoria geral, não alterar seu texto.

No desktop existe um limite de categorias exibidas (para não empurrar o layout) — no mobile esse limite não existe, o menu funciona por lista com scroll lateral.
Banners da loja
Todos configurados em Marketing → Banners. Este tema prevê vários tipos:

Banner carrossel (principal): 1920×500px no computador, 756×940px no celular (sempre crie as duas versões)
Mini banners (posição meio): 500×766px, apenas versão de computador (o celular já se adapta automaticamente). Recomendado usar 3 banners nessa posição
Banners "Compre por categorias" (personalizado): 1104×1600px, também só uma versão. O nome cadastrado no banner é exibido no front. Sem limite de quantidade — viram carrossel tanto no desktop quanto no mobile
Banners centrais: 678×340px, só versão de computador. Recomendado usar 2 banners
Banner de topo (exibido em todas as categorias): 1920×400px no computador; se achar pequeno no celular, pode criar uma versão de 600×400px

Se quiser usar algum formato ainda não previsto no tema (por exemplo, vídeo em alguma posição), acione o suporte para habilitação.
Destaques da loja
Configurados em Marketing → Destaques, com opção de reordenar por clique e arraste. O comando de negrito deixa parte do texto em destaque, o restante vai para a segunda linha. Ícone recomendado: 32×32px. São 4 informações previstas, que viram carrossel tanto no desktop quanto no mobile.
Vitrines de produto
Este tema tem 5 vitrines: Lançamentos, Mais Vendidos e Promoções (exibidas em formato de abas — recurso NÃO nativo, veja o item específico sobre isso), uma 4ª vitrine ("Acessórios", abaixo dos banners centrais) e uma 5ª vitrine especial ("Veja também") exibida dentro do carrinho suspenso.

Configuradas em Produtos → Vitrines. A quantidade de vitrines é livre, mas a última posição cadastrada sempre vai para o carrinho suspenso. Recomendamos o formato carrossel e evitar mais de 30 produtos somando todas as vitrines — passando disso, a própria wBuy avisa sobre impacto na performance de carregamento.
Compra rápida
Recurso nativo que permite comprar direto da vitrine. É obrigatório para a vitrine especial do carrinho suspenso funcionar corretamente. Habilite em Produtos → Listagem → Opções e Preferências, buscando por "compra rápida".
Contador regressivo
Aparece tanto na página do produto quanto na vitrine, para produtos em promoção. Configurável em Preferências de produto, buscando por "contador regressivo" — dá para habilitar/desabilitar separadamente nos detalhes do produto e no box da vitrine.

Por padrão, o contador reinicia a cada 24 horas. Se preferir que ele considere a data real da promoção cadastrada no produto, essa opção também pode ser habilitada.
Avaliações
O cliente avalia direto na página do produto. A avaliação chega para você em Produtos → Avaliações → Avaliações por Produto — só passa a ser exibida (na página do produto e na home) depois que você ativa manualmente.
Fotos do produto
Recomendação para desktop: sempre cadastre fotos em pares (2 por vez) — um número ímpar deixa um espaço vazio ou faz a última foto aparecer desproporcionalmente grande. No celular, as fotos aparecem em carrossel responsivo.
Tabela de medidas
Cadastrada em Produtos → Tabelas → Medidas. Depois de criada, vincule a tabela ao produto correspondente no cadastro dele.
Comprar pelo WhatsApp
Ativado em Aplicativos → WhatsApp → Exibir comprar pelo WhatsApp em detalhes do produto.
Agrupador de produtos e Compre Junto
Duas ferramentas nativas de upsell/cross-sell, em Produtos → Upsell e Crossell: o Agrupador de produtos exibe variações/produtos relacionados como opções na página; o Compre Junto permite montar combinações de produtos vendidos em conjunto.
Rodapé
Reúne cadastro de newsletter, redes sociais (cadastradas em Marketing → Redes Sociais), e a coluna de categorias (que reprisa automaticamente as categorias da loja).

Para páginas institucionais e de ajuda/suporte, cadastre em Páginas e Conteúdo — lá dá para escolher a posição de exibição. Evite usar as páginas padrão da wBuy: elas geralmente não aparecem em temas avançados. Se precisar migrar o conteúdo ou ativar, acione o suporte.
⚠️ Funcionalidades NÃO nativas (precisam de instalação manual)
Este tema conta com 3 recursos que não são nativos da wBuy e, por isso, precisam ser instalados manualmente pela nossa equipe após a compra do tema — entre em contato com o suporte para solicitar (ou avise que não vai usar, se for o caso):

Cupom flutuante: aba lateral oferecendo um cupom de desconto, que o cliente clica para copiar
Vitrines em abas: as vitrines Lançamentos/Mais Vendidos/Promoções exibidas em formato de abas, em vez de empilhadas
Cronômetro regressivo no carrinho: gatilho de urgência na finalização da compra
Configurando os scripts não nativos
Depois de instalados pelo suporte, esses 3 recursos ficam editáveis em Configurações → Scripts por Página:

Contador carrinho (gatilho de urgência): edite a mensagem, o tempo em minutos (sugerimos 3 — tempo suficiente para o cliente finalizar a compra; reinicia se a página for atualizada), a quantidade mínima e máxima de "usuários" exibida, e as cores de fundo/texto do alerta. Importante: é só um efeito visual — zerar o cronômetro não afeta o carrinho de verdade. Use com bom senso: números muito altos podem soar artificiais para o cliente.

Contatos personalizados: define o número de telefone, WhatsApp, e-mail de atendimento e horário — usados tanto no botão de WhatsApp quanto nas informações do rodapé.

Cupom flutuante: editável o título da aba, título inicial, título de destaque, subtítulo e nome do cupom.

Vitrines em abas: editável o título da seção e a posição de cada vitrine (recomendamos 3 vitrines). Os nomes cadastrados aqui precisam ser exatamente iguais aos nomes das vitrines cadastradas em Produtos → Vitrines.

Atenção em todos os scripts: edite somente o texto em vermelho entre aspas — não apague vírgulas nem aspas da estrutura, ou a funcionalidade para de ser exibida.
Precisa de ajuda com a configuração do seu tema?
Fale com nosso suporte pelo WhatsApp.