Como configurar o Visual da SIGE Loja

A parte visual da sua loja se refere à organização de seus elementos gráficos, aqueles que dão forma à sua parte visual. Com a personalização da sua página, você proporcionará uma melhor experiência para os seus clientes.

Neste artigo, você aprenderá como configurar o primeiro passo de criação da SIGE Loja, que seriam: o layout, as cores, exibição de banners, formulários para contato e etiquetas da sua loja.

Para começar as configurações, você deverá acessar o menu lateral SIGE Loja, submenu Configurações.

Em seguida, você será direcionado para a tela de configuração da sua loja virtual, onde já estará na seção Visual. É sobre todo este módulo Visual que iremos informar neste artigo.

Layout da sua loja

Então, você começará pela opção Layout da sua loja. Escolha o tema que você deseja para a sua loja.

Neste momento, você encontrará opções de layout personalizáveis na vertical e opções de layout padrões pré-configuradas na horizontal. Ao selecionar a opção desejada, o sistema mostrará uma prévia de como ficaria este modelo em seu site. Saiba mais em: Como Personalizar o Layout da SIGE Loja.

Nas opções disponíveis abaixo, você deverá carregar o logotipo da sua empresa e definir as cores que deseja para sua loja virtual. Dependendo do modelo de layout escolhido anteriormente, as opções de cores podem ser alteradas.

Cor Principal: defina a cor que será aplicada ao conteúdo principal da sua loja;
Cor Secundária: defina a cor que será aplicada ao conteúdo secundário da sua loja;
Textos e destaques: defina a cor que será aplicada para as fontes e ícones da sua loja;
Manter proporção ideal (256×256 – 1:1): ao habilitar esta opção, o sistema ajustará automaticamente a imagem para a proporção indicada, caso ela não esteja nesse formato;
Preencher Imagem: ao habilitar esta opção, o sistema ajustará o logotipo para ocupar todo o espaço de exibição, incluindo o espaço disponível, caso ela não esteja no formato ideal;

Mais abaixo, você ainda encontrará outras opções.

Ocultar Informações da Empresa: ao habilitar esta opção, não irá constar os dados da empresa na sua loja;
Mostrar Produtos Relacionados: ao habilitar esta opção, o sistema irá sugerir ao cliente outros produtos que foram vistos ao olhar o produto que está sendo visualizado;
Mostrar Outros Produtos da Mesma Categoria: ao habilitar esta opção, o sistema irá sugerir outros produtos da mesma categoria do produto que está sendo visualizado;
Mostrar Código do Produto: ao habilitar esta opção, o sistema mostrará o código do produto.

Ao concluir a configuração, clique em Salvar.

Banners

Na aba Banners, é possível definir quais imagens de apresentação serão exibidas no site, conforme o layout selecionado anteriormente, além de configurar uma imagem de fundo para a loja.

Banners Grandes: estes serão os banners principais da sua loja, sendo possível adicionar diversas imagens;
Banners Pequenos: estes serão os banners exibidos abaixo do principal, conforme o layout selecionado, sendo possível adicionar até três imagens;
Fundo do Login: este será o banner exibido como plano de fundo na tela de login do cliente.

Ao configurar seus banners, clique em Salvar.

Formulário Contato

Na aba Formulário de Contato, é possível criar um formulário para que seus clientes possam sanar dúvidas sobre a loja, sendo solicitado ao usuário no momento em que ele acessar a seção de contato do seu site.

Quer o formulário no seu site?: ao habilitar esta opção, o sistema ativará o formulário de contato para os usuários de seu site;
Enviar mensagens recebidas para qual e-mail?: informe o e-mail que você deseja receber as respostas do formulário respondido pelos usuários;
Habilitar Google Captcha?: ao habilitar esta opção, o sistema ativará a verificação de segurança do Google no formulário para confirmar que o envio foi feito por uma pessoa e evitar envios automáticos ou spam;
Seu site_key: ao habilitar a opção anterior, esse campo será disponibilizado para informar a chave pública fornecida pelo Google, que identifica o seu site na integração com o Google reCAPTCHA.

Abaixo, você encontrará a seção Habilitar Campos.

Nessa seção, você irá selecionar quais informações você deseja solicitar aos usuários. As opções são: título, descrição, nome, e-mail, comentário, telefone e cidade.

Mais abaixo, haverá a seção Crie Campos Personalizados.

Nessa seção, você poderá criar novos campos para solicitar dados personalizados aos usuários.

Nome do campo: informe qual será o novo campo criado;
Tipo do campo: selecione, dentre as opções texto, múltipla escolha, marcação ou área de texto, de que forma o cliente poderá responder ao campo.

Ao preencher, clique em Adicionar novo campo para confirmar o cadastro. Dessa forma, o campo será registrado na configuração.

Na imagem abaixo, há o exemplo de um campo personalizado chamado “Categoria de Dúvida” do tipo “Múltipla Escolha“, onde o cliente poderá classificar sobre o que se trata sua dúvida.

Ao cadastrar, também será possível Excluir e/ou Reordenar, caso exista mais de um campo cadastrado.

E por fim, estarão disponíveis os campos referente ao Cadastro de Usuário.

Essa opção pode ser utilizada caso deseje solicitar informações específicas aos novos usuários. No entanto, é necessário cadastrar os campos previamente no sistema, por meio do submenu Atributos com o Tipo “Pessoa“. Ao estarem cadastrados, basta habilitar quais campos deseja solicitar e definir se o preenchimento será obrigatório. Esses dados serão solicitados aos novos usuários no momento do primeiro cadastro no site.

Saiba mais em: Como configurar os Campos Personalizados no SIGE Cloud.

Ao configurar essa aba, clique em Salvar. Dessa forma, quando o cliente clicar em Contato na sua loja, o sistema abrirá automaticamente a tela do formulário.

Etiquetas

Na aba Etiquetas, é possível incluir etiquetas que destaquem os seus produtos, serviços, sites, descontos, entre outros.

Adicione um ícone ou imagem: nessa opção, você poderá buscar por uma imagem na internet, através do ícone de lupa, ou selecionar uma imagem em seu computador;
Frase Destaque: escreve a frase da sua etiqueta;
Link: insira o link da página que a sua etiqueta redirecionará o cliente.

Ao preencher, clique no ícone de “+” para adicionar a etiqueta. Caso necessário, é possível excluí-la através do ícone de lixeira. Em seguida, clique em Salvar para confirmar o cadastro.

Scripts Customizáveis

Na aba Scripts Customizáveis, é possível informar o script de aplicativos externos para integrá-los a loja virtual, possibilitando o acompanhamento de dados analíticos da plataforma. Um exemplo de utilização é a integração com o Google Analytics.

Caso deseje adicionar mais de um script, pressione Enter para iniciar uma nova linha e informe o script do próximo aplicativo.

Ao concluir a personalização, basta clicar em Salvar. E pronto, a sua loja já está com todo o layout definido e pronta para impulsionar as suas vendas!

Veja também:

Restou alguma dúvida? Não tem problema! A nossa equipe de suporte é composta por especialistas que estão à disposição para lhe auxiliar no que for preciso. Para contatar nossa equipe, acesse o nosso painel de atendimento através do endereço: https://atendimento.sigecloud.com.br