Configuração Inicial

Para iniciar a configuração é necessário entrar na Aba “E-commerce” dentro do seu painel Betalabs e seguir o seguinte fluxo: Selecione a loja no checkbox e clique no campo "Editar":

 

Ao editar a loja pode-se configurar os formulários:

• Nome: Nome da loja que aparecerá em todo site
• Dados do rodapé: A logo que será exibida no rodapé das páginas
• Cores da Loja: Diversos campos que determinam as cores que serão utilizadas nas páginas e componentes do site. O campo deve ser preenchido com o código hexadecimal (de 6 dígitos) da cor desejada seguindo o formato “#(código)” . Ex.: “#FFFFFF”
• Dados do Cabeçalho: A logo que será exibida no cabeçalho das páginas, tanto no menu fixo quanto no menu sobreposto. Também é necessário adicionar o favicon (imagem no formato .ico).
• Pop-up de captura de email para newsletter: Determinar se é exibido ou não, seu texto e imagem de fundo.

Páginas institucionais no cabeçalho

 

 

Para determinar quais páginas institucionais serão exibidas no topo do cabeçalho de todas as páginas, deve-se marcar cada uma com a tag “Páginas institucionais no cabeçalho”.

Categorias no Menu Principal

Para determinar quais categorias serão exibidas no menu principal de todas as páginas, deve-se marcar cada uma com a tag “ Categorias no menu principal”.

 

Categorias no Menu de Busca

Para determinar quais categorias serão exibidas no menu da busca de todas as páginas, deve-se marcar cada uma com a tag “ Categorias no menu da busca”.

 

 

Linhas da Tabela de Pedidos e Assinaturas (Minha Conta)

As cores das tabelas são definidas através dos campos presentes no formulário Cores da Loja 

•  Cor do Header da tabela minha conta 
• Cor da linha impar da tabela minha conta
•  Cor da linha par da tabela minha conta

 

Banners

 

1.Banner da Página Principal

 

Para cadastrar um banner que será exibido no carrossel da página inicial, é preciso taguear o banner com a tag “Banners principais na página inicial”. Para que o Banner seja exibido em dispositivos móveis, é necessário adicionar uma imagem no campo “banner para mobile” com dimensões ajustadas para estes dispositivos.O campo “Redirecionar para” indica para qual página do site deve ser aberta após o clique no banner.

Dimensões sugeridas:

Desktop: 1800px x 600px (largura x altura)

Mobile: 420px x 360px (largura x altura)

2. Banner Secundário na Página Principal

 

Para cadastrar um banner que será exibido na página inicial entre a seção de Destaques e a de Novidades, é preciso taguear o banner com a tag “Banners secundários na pagina inicial”. O campo “Redirecionar para” indica para qual página do site deve ser aberta após o clique no banner.

Dimensões sugeridas:

Desktop: 1180px x 95px (largura x altura)

Mobile: 360px x 170px (largura x altura)

 

 3. Banners do Clube

O Banner principal no Clube de Assinatura deve receber a tag “banner_clube” e para que o Banner seja exibido em dispositivos móveis, é necessário adicionar uma imagem no campo “banner para mobile” com dimensões ajustadas para estes dispositivos.

Dimensões sugeridas:

Desktop:1800px x 500px (largura x altura)

Mobile: 420px x 360px (largura x altura)

 

 3.1 Banner clube benefícios

O Banner dos benefícios no Clube de Assinatura deve receber a tag “banner_clube_beneficios” e neste caso, o banner não é exibido em dispositivos móveis e nem redireciona para nenhuma outra página do site.

Dimensões sugeridas: 560px x 560px (largura x altura)

 

 4. Banner da Página Sobre

O Banner deve receber a tag “banner da pagina de sobre”.

Dimensões sugeridas: 1920px x 500px (largura x altura)

5. Banner de categoria no menu principal

É possível exibir um banner em categorias que possuam categorias-filhas no menu suspenso.

Para isso, é necessário adicionar esta imagem na categoria-pai no campo “Imagem do banner da categoria no menu principal “ dentro da seção “Categorias” .

Dimensões recomendadas: 250px x 250px (Largura x Altura)

 

Produtos em destaque na página principal

 

Os produtos que aparecem na sessão de Produtos em destaque e Novidades são aqueles marcados com a respectiva Tag (Produtos em destaque ou Produtos em novidades). Porém, há um limite de 6 produtos tagueados que são exibidos. Para trocar o produto exibido é necessário destaguear algum que já esteja tagueado.

 

Tag do card de Produto

 

 Ao preencher o campo “Texto da tag do card de produto”, ele será exibido no canto superior esquerdo do card de produto, nos locais em que ele for exibido (Novidades, Mais vendidos, Produtos Relacionados, etc).

As cores dessa tag são definidos no formulário de cores da loja (Cor da tag de oferta e Cor do texto da tag de oferta )

 

Slider de Informações

No Dicionário de Palavras da loja é possível alterar o texto e o ícone dos sliders de informações da Página Inicial seguindo a ordem da figura acima para os respectivos campos de “título”, “subtítulo” , “texto” e “ícone” Slider de Informações 1, 2 e 3. Para definir o ícone (https://fontawesome.com/v5.15/icons?d=gallery&p=2) é necessário preencher o nome do ícone, Ex.: credit-card, shipping-fast, percent.

Box de Informações

No Dicionário de Palavras da loja é possível alterar o texto e o ícone das box de informações da Página Inicial seguindo a ordem da figura acima para os respectivos campos de “título”, “subtítulo” , “texto” e “ícone” Informações 1, 2 e 3. Para definir o ícone (https://fontawesome.com/v5.15/icons?d=gallery&p=2) é necessário preencher o nome do ícone, Ex.: credit-card, shipping-fast, percent.

 

Principais Marcas

Na Entidade de “Marcas” é necessário preencher o nome e a inserir a logo da marca para que ela seja exibida no carrossel de Principais Marcas na página Inicial

 

Rodapé

 

Todos os campos a serem preenchidos no rodapé são informados através do Dicionário de Palavras, com exceção das Páginas Institucionais. São estes:

•  Mensagem de inscrição na newsletter
• Telefone no rodapé
• E-mail de contato no rodapé
• Link do YouTube (opcional)
•  Horário de funcionamento
• Link do Instagram (opcional)
• Link do Facebook (opcional)
• Link do Youtube (opcional)
• Páginas institucionais na segunda coluna do rodapé
• CNPJ 
• Endereço da Empresa

As páginas institucionais carregadas no rodapé são aquelas marcadas com as tags  “Páginas institucionais na segunda coluna do rodapé” e “Páginas institucionais no cabeçalho”

Dicionário de Palavras - Campos Importantes

Mensagem de boas vindas - Texto exibido no topo do cabeçalho.

Title da página inicial - Texto exibido junto ao nome da loja na aba do navegador.

Link do Blog - Link para o blog da loja (Opcional)

 

Desconto percentual de assinante - Valor numérico do percentual de desconto para o clube de assinante, deve ser preenchido somente como o valor. Ex.: 15 para 15%, 12.5 para 12,5%. * Números decimais devem ser escritos com ‘.’ (ponto) no lugar de vírgula.

 

Facebook Pixel ID - Id de configuração da loja no Facebook Pixel (Opcional)

Google Analytics - Id de configuração da loja no Facebook Pixel (Opcional)

 

Texto do link da direita do menu principal - Nome da categoria que aparece do lado direito do menu principal. Ex.: Clube de Assinaturas

URL de redirecionamento do link da direita do menu principal- URL da categoria que aparece do lado direito do menu principal. Ex.: /clube

 

Contato

Os campos de contato são preenchidos no dicionário de palavras:

• numero telefone 1
• numero telefone 2
• numero de celular 1
• numero  de celular 2
• email de contato 1
• email de contato 2
• skype 
• skype-2

 

Perguntas Frequentes

Para cadastrar as Perguntas e Respostas que serão exibidas na página de Perguntas Frequentes, dentro da aba “Perguntas Frequentes", clique em adicionar e escreva nas respectivas caixas de texto.

Clube

• Como funciona

Os campos da seção “Como Funciona” são preenchidos no dicionário de palavras:

• titulo como funciona 
• titulo passo 1, 2 e 3 - Sendo cada um para seu respectivo passo
• Descrição  passo 1, 2 e 3 - Sendo cada um para seu respectivo passo

 

• Planos

A Imagem do Plano, a Descrição e a Descrição do Plano de Assinatura mostrados são os que pertencem ao primeiro plano tagueado com alguma das tags  “plano_1”, “plano_2” ou “plano_3”. Os outros não são exibidos.

Cada plano criado e tagueado com a respectiva tag será mostrado como modalidade para escolha. Para isso, deve-se preencher os campos:

• Modalidade do plano de assinatura
• Subtítulo do plano de assinatura 
• Valor
• Preço mensal (se houver)
• Plano recomendado  (onde deve aparecer o marcador)

Benefícios

Os campos da seção “Benefícios do Clube” são preenchidos no dicionário de palavras:

• titulo beneficios do clube
• Beneficio  titulo  1, 2 e 3 - Sendo cada um para seu respectivo passo
•  Beneficio descrição 1, 2 e 3 - Sendo cada um para seu respectivo passo

• Depoimentos das Assinaturas

 

Para cadastrar os Depoimentos que serão exibidos na página do Clube de Assinatura, dentro da aba “Depoimentos das Assinaturas", clique em adicionar e escreva nas respectivas caixas de texto.

• Edições Anteriores

Para cadastrar as Edições Anteriores do Clube de Assinatura, dentro da aba “Edições Anteriores", clique em adicionar e escreva nas respectivas caixas de texto. É recomendado utilizar imagens da mesma resolução para que os cartões tenham o mesmo tamanho.