# 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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-10/scaled-1680-/captura-de-tela-2024-10-29-160142.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-10/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-10/scaled-1680-/captura-de-tela-2024-10-29-160339.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-10/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-10/scaled-1680-/captura-de-tela-2024-10-29-161007.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-10/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-10/scaled-1680-/captura-de-tela-2024-10-29-161057.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-10/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-10/scaled-1680-/captura-de-tela-2024-10-29-161546.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-10/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-10/scaled-1680-/captura-de-tela-2024-10-29-161819.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-10/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-10/scaled-1680-/captura-de-tela-2024-10-30-075545.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-10/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-10/scaled-1680-/captura-de-tela-2024-10-30-081033.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-10/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-10/scaled-1680-/captura-de-tela-2024-10-30-080902.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-10/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-10/scaled-1680-/captura-de-tela-2024-10-31-080615.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-10/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-10/scaled-1680-/captura-de-tela-2024-10-31-080816.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-10/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-10/scaled-1680-/captura-de-tela-2024-10-31-080939.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-10/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-10/scaled-1680-/captura-de-tela-2024-10-31-164510.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-10/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-01-134825.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/captura-de-tela-2024-11-01-134825.png)

[![Captura de tela 2024-11-01 134948.png](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-01-134948.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-01-135333.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-01-135633.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-01-135912.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-01-140235.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-01-141057.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-01-141024.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-10/scaled-1680-/captura-de-tela-2024-10-29-160142.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-10/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-01-141724.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-04-103550.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-04-103748.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-04-103840.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-04-104004.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-04-104301.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-04-104538.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-05-100907.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-05-101221.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-05-101252.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-05-101342.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-05-101434.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-05-102438.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-05-103604.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-05-112541.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-10-29-160142.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/captura-de-tela-2024-10-29-160142.png)

##### Em seguida em Minha Loja - Layout - Páginas

[![Captura de tela 2024-11-05 113037.png](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-05-113037.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/captura-de-tela-2024-11-05-113037.png)

##### Em páginas vamos em Nova Página

[![Captura de tela 2024-11-05 113643.png](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-05-113643.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-05-114327.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-05-153907.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-05-162349.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-05-160406.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-05-161107.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/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](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-05-161634.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/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.