Manual de Configuração

Sailor Shop

Passo a passo completo para configurar seu tema Wbuy.

Seja bem-vindo!

Olá, lojista!

Obrigado por adquirir nosso tema. Será um prazer lhe ajudar a deixar sua loja com a sua cara e pronta para vender! Este manual tem o objetivo de auxiliá-lo a utilizar o nosso tema, da melhor forma. Vamos ajudá-lo a se preparar antes da instalação, a fazer as configurações iniciais e deixar a sua loja otimizada. =)

Aqui também vamos colocar todos os nossos contatos, principalmente de suporte.

Lembre-se: nós somos os responsáveis em te ajudar e dar suporte dos temas que criamos, e não a wBuy.

🔔 1 - Recomendações antes de começar as configurações

Atenção: Ao adquirir um novo tema com a wBuy, ele é disponibilizado na sua loja em questões de minutos. A partir desse momento o tema é seu e você poderá fazer qualquer modificação que desejar. Porém, apesar de adquirir o tema, ele ainda não está visível ao seus clientes, ou seja, ele não está instalado. A wBuy faz isso para que você possa editar o que precisar e deixar do seu jeito, sem que atrapalhe a sua loja, caso ela já esteja ativa e online.

Para encontrar os temas adquiridos basta ir na guia Temas no seu painel wBuy. Nessa seção você irá encontrar todos os temas já adquiriridos, visualizar qual tema está instalado e quais estão disponíveis para instalar, fazer edições no seus temas e ainda visualizar uma prévia. Esses últimos pontos veremos mais adiante.

Vamos, então, instalar seu novo tema. Para isso é muito simples. Basta localizar o tema recém comprado e clicar no botão Instalar. O processo a partir desse ponto será automático. O tema estará publicado em questões de segundos, mas vale lembrar que pode demorar alguns minutos para que todos vejam as mudanças.

E não se preocupe, todos as personalizações e alterações que você fez no seu tema antigo ainda estarão disponíveis nessa mesma página.

As configurações do tema e dos banners devem ser realizadas pelo comprador do tema!

Mas nós estaremos à sua disposição caso queira contratar um serviço adicional de configuração de tema, onde nós realizamos essas configurações da melhor forma possível para sua loja e você não terá trabalho algum.

Antes de começar, por favor, leia todos os passos deste manual! Caso ainda assim você tenha dúvidas após a leitura, nós estaremos disponíveis para te ajudar.

🔔 2 - Suporte do tema

Nós, Agência Sailor, somos responsáveis pelo suporte aos compradores dos nossos temas e serviços adicionais.

Qualquer dúvida sobre configurações do tema ou outros serviços adicionais oferecidos pela nossa empresa, entre em contato por:

CONTATOS DO SUPORTE
Atenção: Você tem direito ao nosso suporte por 365 dias e lhe responderemos em até 48h úteis. Caso seja solicitada ajuda após este período, podemos cobrar um valor de manutenção do tema.

WhatsApp: (11) 99324-6419
E-mail: comercial@agenciasailor.com.br

Importante: Iremos disponibilizar todos os banners utilizados no tema demonstrativo, basta entrar em contato conosco que iremos enviar um link com os banners do tema adquirido.

🔔 3 - Configurações dos Banners Nativos da wBuy

Acessando o menu na lateral esquerda dentro do painel da wBuy, clique sobre "Visual > Banners", você pode usar todas opções, mas quais usamos no tema foram
"Principal (Carrossel)",
"Central (3 Banners entre vitrines)",
"Topo (Banner full ao acessar uma página de categoria)" e
"Personalizado (5 Banners de Categorias)".
O banner de informações de parcelamentos, fretes etc. e é cadastrado de outra forma que iremos te mostrar nos passos abaixo.

As melhores medidas para os Banners são as seguintes:

Banner Principal (Carrossel): L: 1920px X A: 850px.
Banner Principal (Carrossel) Mobile: L: 756px X A: 940px.
Banner Topo (Banner full ao acessar uma página de categoria): L: 1920px X A: 400px.
Banner Central (Banners Vitrines): L: 500px X A: 766px.
Banner Personalizado (Banners de Categorias): L: 200px X A: 200px.

a - Como cadastrar o banner "Principal (Carrossel)":

Passo 1 – Para cadastrar os banners principais em sua loja é necessário acessar o menu Marketing > Banners > Novo banner e clicar em Principal (carrossel). Após isso, você deve preencher os campos como mostrado na imagem abaixo e ao finalizar clicar em Gravar:
Em cada novo cadastro de banner principal que desejar realizar, você pode fazer o upload de uma imagem para ser exibida em desktop e outra imagem para ser exibida na versão mobile. Ao cadastrar para versão desktop, a versão mobile se torna obrigatório para o melhor funcionamento dos banners e pode ser a mesma imagem para ambos, pois faz com que o usuário de dispositivos móveis tenha uma melhor experiência em seu site. O campo de "Disponibilidade" deve ser preenchido e define qual o prazo de exibição deste banner em sua loja. O campo de "Link de destino" deve ser preenchido com o link que o usuário será redimensionado ao clicar no banner. Para gerar um carrossel de banners, é preciso realizar um novo cadastrado com as imagens que devem ser exibidas nas posições seguintes a inicial.
Exemplo:
Imagem

b - Como cadastrar o banner "Topo (Banner full ao acessar uma página de categoria)":

Passo 1 – O banner topo não é limitado e é cadastrado na mesma página do "Full Banner".
Passo 2 – O banner topo também pode ficar em um formato de slider, basta cadastrar quantos quiser fazendo o mesmo processo.

Exemplo:

c - Como cadastrar os banners "Central (3 Banners Vitrines)":

Passo 1 – Os banners vitrines são limitados em até 4 banners e são cadastrados na mesma página do cadastramento do "Full Banner".
Exemplo:
Imagem

d - Como cadastrar os banners "Personalizado (5 Banners de Categorias)":

Passo 1 – Os banners de categorias são cadastrado na mesma página do cadastramento do "Full Banner".
Exemplo:
Imagem

e - Como cadastrar os banners "Banner de informações de parcelamentos, fretes etc. (banner tarja)":

Passo 1 – Para cadastrar os banners de informações (banner tarja) em sua loja é necessário acessar o menu Marketing > Destaques.
Exemplo:
Imagem

Obs: – Uma observação a se fazer é que esses destaques são amigáveis para tags HTML, nesses exemplo abaixo é demonstrado a aplicação de negrito e quebra de linha usando a tag "b".

Exemplo do resultado na loja (o formato pode variar dependendo do tema):
Imagem

Passo 2 – Recomendamos seguir essa estrutura de descrição para os banners:
Exemplo:
( 5% de desconto na primeira compra ) e posteriormente fazer a replicação com os seus respectivos títulos e ícones.

Exemplo:
5% de desconto na primeira compra
Entrega em todo o Brasil
Parcele suas compras em até 12x sem juros

Perceba que a estrutura se manteve e foi alterado apenas os textos.

Obs: – Para inserir ícones externos é necessário criar um novo bloco em "Novo destaque" e não editar um bloco existente. Exemplo:
Imagem

b - Como configurar as cores e funcionalidades da loja da loja:

Passo 1 – Para configurar as cores e algumas funcionalidades da sua loja é necessário acessar o menu Temas > Personalizar Tema

Exemplo:
Imagem

Passo 2 – Acessando a aba Variáveis do tema e aqui você consegue alterar as cores da loja (cabeçalho, rodapé, botões etc.), altura das imagens dos produtos, bordas arredondadas, adicionar título do Compre Por Categorias, adicionar título do Produtos Relacionados, Alterar a posição de seções da home etc.
Exemplo:
Imagem

a - Como configurar os banners "Compre por Categoria":

Passo 1 – Para cadastrar os banners de categorias em sua loja é necessário acessar o menu Marketing > Banners > Novo banner e clicar em Personalizado. Após isso, você deve preencher os campos como mostrado na imagem abaixo e ao finalizar clicar em Gravar.

Repita o processo para exibir diversos banners de categorias.

Exemplo:
Imagem

🔔 Importante

Clique aqui e acesse a página de Dúvidas Frequentes da wBuy e tira todas suas dúvidas.