Primeiro Atendimento

Subindo o site

Nesse primeiro atendimento vamos precisar subir o site do cliente, essa função é para colocar o site no ar.
Para iniciar vamos em Loja/Marketplace - Minha Loja

Captura de tela 2024-10-29 160142.png

Em seguida na Dashboard do E-commerce vamos em Minha Loja - Configurações Configurações

Captura de tela 2024-10-29 160339.png

 
Nessa tela iniciamos então as configurações da Loja Virtual, as primeiras informações solicitadas serão o ícone da página e a logo da loja, o ícone precisa ser uma imagem em formato JPG, SVG ou PNG e que não ultrapasse 64 pixels.
Clique em adicionar ícone

Captura de tela 2024-10-29 161007.png

Em seguida clique em escolher arquivo e localize o arquivo em seu computador, depois basta salvar.

Captura de tela 2024-10-29 161057.png

Em seguida configurar a Logo que será apresentada no site, basta clicar em adicionar logo.

Captura de tela 2024-10-29 161546.png

Clique em escolher arquivo, a imagem deve estar no formato JPG, SVG ou PNG e que não ultrapasse 120 pixels.

Captura de tela 2024-10-29 161819.png

Em seguida vamos preencher Nome da sua loja, Nome da sua loja no title e keywords do seu site.
O nome da sua loja como a descrição já diz é somente preencher o nome do seu site, ex: Meu Site.
Já o nome da sua loja no title é o nome que vai aparecer na aba de internet quando acessarem o seu site.
E o keywords são as palavras chaves para alavancar o seu site em plataformas de pesquisas como o Google e o Bing, então procure colocar palavras que tenham conexão com os produtos que serão vendidos no site. Limite máximo de 10 palavras e são separadas por ponto vírgula, exemplo: eletrônicos ; fone de ouvido...

 

Captura de tela 2024-10-30 075545.png

Em seguida vamos preencher a Description da sua loja, é uma descrição resumida sobre o site, procure colocar em poucas palavras uma descrição compatível com o ramo do cliente, essa descrição é que vai aparecer em plataformas de pesquisa como Google e Bing quando o site do cliente for procurado, como o exemplo abaixo do Magalu.
Ex:

Captura de tela 2024-10-30 081033.png

No nosso sistema deve ser preenchido no campo abaixo

Captura de tela 2024-10-30 080902.png

Em seguida vamos preencher o Tema do E-commerce pode preencher com o nome do site mesmo, o campo só não pode ficar em branco.

 

Captura de tela 2024-10-31 080615.png

Vamos precisar informar também a forma de envio de acordo com o que o cliente for utilizar, as opções disponíveis são Correio, Tabela Própria e Melhor Envio (não está ativa no momento).

 

Captura de tela 2024-10-31 080816.png

Será necessário também o endereço da loja do cliente, que é o domínio dele, por exemplo: lojateste.com.br

 

Captura de tela 2024-10-31 080939.png

Após esse preenchimento vamos ter algumas opções para marcar a depender de como cada cliente vai trabalhar com a sua loja virtual.
Primeiro temos a opção de Exibir lei de bebida alcoólica, essa opção deve ser marcada quando o cliente trabalha com vendas de bebida alcoólica para aparecer a informação da idade do comprador.

Captura de tela 2024-10-31 164510.png

Também será apresentado a opção de retirar produto pessoalmente, caso o cliente tenha essa modalidade em sua loja, pode ser habilitada e quando forem comprar irá aparecer para retirar na loja.

Captura de tela 2024-11-01 134825.png

 

Captura de tela 2024-11-01 134948.png

O sistema fornece também a opção de configurar para no menu do site mostrar somente as categorias.
Captura de tela 2024-11-01 135333.png
Por padrão vem configurado para apresentar os departamentos e dentro dos departamentos as categorias, como o exemplo abaixo:

Captura de tela 2024-11-01 135633.png

Quando a configuração é ativada, vai apresentar somente as categorias e os departamentos não serão mostrados. Como imagem abaixo:

Captura de tela 2024-11-01 135912.png

A parte das configurações também conta com a opção de gerar estoque a partir da loja e gerar financeiro a partir da loja virtual, se o cliente tiver o controle gerencial o correto é deixar ambas as opções marcadas.

Captura de tela 2024-11-01 140235.png

Após preencher os dados basta ir ao final da página e salvar alterações.

Captura de tela 2024-11-01 141057.png

Em seguida para o site do cliente ir ao ar, é necessário acessar no navegador o endereço do site e no final colocar /atualizar, como o exemplo abaixo:

Captura de tela 2024-11-01 141024.png

Em seguida o site do cliente estará no ar.

Configurações de Layout

Após colocar o site do cliente no ar, vamos dar inicio com ele nas configurações de layout.
Para iniciar vamos em Loja/Marketplace - Minha Loja

 

Captura de tela 2024-10-29 160142.png

Em seguida em Minha Loja vamos em Layout - Layout da Loja

Captura de tela 2024-11-01 141724.png

Será aberto para dar inicio a escolha do layout, na tela temos a disposição ao lado direito mostrando o que é cada parte a ser alterada e no lado esquerdo as escolhas do layout.

Captura de tela 2024-11-04 103550.png

A primeira opção do layout para escolha é o modelo do topo que dispoe de duas opções, no modelo 1 o logotipo fica na parte do cabeçalho, já no modelo 2 o logotipo fica junto ao menu, conforme for escolhendo será mostrado na disposição do layout do lado direito.

Captura de tela 2024-11-04 103748.png

O modelo do conteúdo temos somente 1 opção.

Captura de tela 2024-11-04 103840.png

Logo em seguida vamos ter as escolhas em relação as cores e texto, podemos selecionar como será a fonte, o sistema dispõe de várias opções.

Captura de tela 2024-11-04 104004.png

Vamos começar a definir as cores para o site, iniciando pelas cores primárias e secundárias, serão as cores principais da loja. Temos a opção de preencher o código hexadecimal da cor ou procurar a cor desejada.

Captura de tela 2024-11-04 104301.png

Além das cores primárias, será possível escolher também as cores do cabeçalho e do menu. Caso tenha dúvidas em qual cor é para determinado espaço no layout, consulte a disposição do layout na direita.

Captura de tela 2024-11-04 104538.png

Vamos ter também o botão de Mais Opções que vai listar outros detalhes do layout que conseguimos personalizar também.

Captura de tela 2024-11-05 100907.png

Ele vai ter a configuração Geral que é para configurar a cor de texto das palavras que estão dentro dos botões.

Captura de tela 2024-11-05 101221.png

Vai ter também a parte de conteúdo, que é possível definir a cor do fundo, das bordas, cor primária do texto e cor secundária do texto também. O conteúdo é a parte do fundo do site.

Captura de tela 2024-11-05 101252.png

Além disso também irá apresentar as cores para o rodapé, como cor de fundo, cor do texto, cor de fundo copyright e cor do texto copyright.
Cor de fundo e cor de texto:

Captura de tela 2024-11-05 101342.png

Cor de fundo copyright e cor de texto copyright:

Captura de tela 2024-11-05 101434.png

Após configurar o layout clique em salvar layout e depois no site do cliente faça a atualização usando o /atualizar.

 

Anexar Rodapé

Para anexar o rodapé será necessário realizar as alterações no HTML do rodapé de acordo com as informações do site do cliente.
Caso ainda não tenha o arquivo HTML do rodapé solicite ao seu líder.
Abra o arquivo usando o bloco de notas para que permita as edições que são necessárias, será preciso alterar as informações nos locais onde solicita o endereço do site.
As primeiras informações ficam junto a parte de RECEBA NOSSAS NOVIDADES E PROMOÇÕES, nessa parte ele vai ter as páginas que o cliente pode criar, por padrão no HTML já vem as páginas sobre, devoluções, termos de uso e política e privacidade, caso o cliente queira alterar o nome da página ou criar uma nova página, é possível inserindo de acordo com a estrutura do HTML.

 

Onde está informado o site é necessário preencher o domínio do cliente, exemplo: "https://meusite.com.br/home", como esses caminhos já vêm montados é só trocar o nome do domínio para o do seu cliente.

Captura de tela 2024-11-05 102438.png

Em seguida o próximo local para edição será referente a parte das bandeiras de pagamento do site, fica logo abaixo da parte das páginas, é o mesmo procedimento, basta alterar para o domínio do cliente que está sendo configurado.
Essa configuração se inicia logo abaixo da segurança, o segurança não precisa alterar, é só para indicar onde é iniciado, conforme imagem abaixo.

Captura de tela 2024-11-05 103604.png

E na parte final do arquivo HTML vamos precisar informar os dados em relação as redes sociais que o cliente utiliza e também informações do endereço da empresa.
No rodapé temos como informar até 5 redes sociais, como Facebook, Instagram, Linkedin, Youtube e X (twitter), é necessário pegar o link da página do cliente na rede social e substituir no arquivo HTML.
Necessário informar também os dados da empresa, como razão social, endereço completo, cnpj, telefone de contato e e-mail.

Captura de tela 2024-11-05 112541.png

Depois que configurar todo o arquivo salve ele em seu computador.
Agora vamos vincular esse arquivo HTML dentro do Gerencie Aqui para que fique visível no site do cliente.
No sistema vamos em Loja/Marketplace - Minha Loja

Captura de tela 2024-10-29 160142.png

Em seguida em Minha Loja - Layout - Páginas

Captura de tela 2024-11-05 113037.png

Em páginas vamos em Nova Página

Captura de tela 2024-11-05 113643.png

Será aberto e a primeira página que vamos configurar, é a página que irá receber a estrutura  do HTML que acabamos de montar.
Nos campos solicitados preencha o nome como rodape nos campos nome da página, título da página, título (<title/>), description e keywords.
Na parte do HTML da página clique na folha em branco com as setas <>.

Captura de tela 2024-11-05 114327.png

Nessa parte em branco vamos colar então o HTML do rodapé e depois salvar.

Captura de tela 2024-11-05 153907.png

Em seguida vamos criar então as outras páginas do rodapé, conforme as páginas que configuramos no HTML, a primeira página será o sobre, nesse espaço a empresa irá contar a história sobre a empresa, é orientado que o cliente preencha todas as páginas do rodapé pois essas informações passam mais credibilidade ao site. De inicio vamos deixar uma página "padrão" para não ficar em branco, no caso do preenchimento do texto é só colocar no campo de texto, ele tem as opção de edição de fonte, tamanho e cores também.
Depois é só salvar.

Captura de tela 2024-11-05 162349.png

A segunda página do rodapé que temos é a devolução, caso o cliente tenha essa função, se o cliente não tiver nada específico em relação a termos de devolução ou quiser substituir por outra página, é possível também.
O preenchimento segue a mesma estrutura da página anterior, informando nome da página, título da página, título (que é o que vai aparecer na aba do navegador), description e keywords.
Depois é só salvar.

Captura de tela 2024-11-05 160406.png

A terceira página é a do termos de uso, cliente precisa preencher conforme os termos de uso da empresa dele.

Captura de tela 2024-11-05 161107.png

E por último a quarta página é a Política e Privacidade, cliente também precisa preencher conforme as políticas da empresa dele, deixando sempre claro ao cliente a necessidade do preenchimento das páginas.

Captura de tela 2024-11-05 161634.png

Para atualizar então as informações no site basta acessar o endereço e colocar o /atualizar, que o site será atualizado com as informações do rodapé que foram criadas.