Como Personalizar o Layout da Loja Online no Sistema ERP
PreviousComo configurar a PagHiper na Loja Online do Sistema ERPNextComo configurar o Ebit na Loja Online do Sistema ERP
Last updated
Last updated
Já pensou em ter o site da sua empresa com o Layout que você tanto planejou? Agora, além de contar com layouts pré-cadastrados, você também poderá personalizá-los na Loja Online. Também é possível definir o estilo da apresentação dos banners e das categorias, como os produtos serão exibidos no site, além de muitos outros recursos. Não deixe de acompanhar tudo aqui neste artigo!
Primeiramente, acesse o menu lateral Loja Online, submenu Configurações.
Feito isso, você será direcionado para a tela de configuração visual da sua Loja Online. Portanto, para configurar a estruturação do seu site, acesse a aba Layout da sua loja.
A seguir, escolha um tema modelo. As opções na vertical são customizáveis, já as opções na horizontal são padrões já definidos. Para que você possa realizar a personalização do Layout, selecione alguma das opções da vertical: Comércio, Serviços, Foods ou Indústria. Ao selecioná-las, você verá ao lado que haverá uma prévia deste modelo.
Agora, depois de escolher a opção mais adequada, é o momento de personalizá-la. Para isso, clique em Personalize o modelo, no topo da tela.
Dessa forma, você será direcionado para uma nova tela, agora de configuração. Ela será apresentada conforme o modelo selecionado anteriormente, a diferença é que neste momento você poderá escolher diferentes modelos, ordenação da apresentação, inserir ou retirar informações, conforme desejar.
No topo da tela, o sistema disponibiliza a opção de personalizar a sua loja virtual por categorias, sendo elas: Menu, Primeira Impressão, Listagens e Rodapé. Ao clicar sobre cada uma delas, o sistema automaticamente o direciona para o campo correspondente.
Há a opção de você personalizar de forma manual, sem seguir essas categorias.
O primeiro passo será escolher o Estilo que terá o Menu do topo do seu site. Você contará com três opções disponíveis para utilizar a que melhor desejar.
Depois de definir o menu, você poderá escolher o Estilo da Primeira Impressão, em que poderá haver a informação dos banners grandes e/ou dos banners pequenos. Nessa etapa há a opção de ocultar a informação, para isso, basta clicar no ícone de olho ao lado do estilo. Nas imagens abaixo há uma breve descrição de cada uma delas.
Este modelo de Primeira Impressão irá destacar três banners pequenos, os quais foram inseridos na configuração da Loja Online, na seção Visual, na aba Banners. Além disso, este modelo já apresenta as categorias disponíveis. Portanto, não há necessidade de informar mais uma lista de categorias posteriormente.
Já este modelo traz de forma rotativa todos os banners grandes configurados na sua Loja Online, na seção Visual, na aba Banners. Ele também insere automaticamente as etiquetas que foram personalizadas na configuração da sua Loja Online, na seção Visual, na aba Etiquetas. Portanto, não há necessidade de informar novamente uma seção para as etiquetas em seu site.
Por fim, este modelo informa tanto as categorias, quanto os banners grandes e pequenos. Nele, é informado apenas um banner grande e três pequenos. Portanto, depois de realizar esta configuração, confirme os banners inseridos na configuração da sua Loja Online, na seção Visual, na aba Banners. Por conta deste painel já destacar as categorias, não há necessidade de informar novamente uma seção para elas.
Por padrão, o layout que você selecionou anteriormente para personalizar já virá com os dados pré cadastrados. Mas mesmo assim, há a possibilidade de inserir novos campos para criar seu site do jeito que você deseja. Antes de informarmos o que representa cada campo, é importante que você verifique que na parte inferior da tela há um campo para adicionar novas seções ao seu site. Com ela, você poderá acrescentar Lista de Produtos e de Serviços, Lista de Categorias, Lista de Etiquetas e Espaços em Branco, para tornar seu site mais harmônico.
Adicionadas estas novas seções, nos passos a seguir você poderá ajustar as informações conforme seu desejo. Por exemplo, você poderá retirar determinado campo, arrastá-lo para outro local da tela, substituir por outra informação e muito mais. Vamos ver cada um deles.
Neste campo, será possível inserir uma listagem com os produtos e serviços que você anuncia em seu site. Em todos os modelos disponíveis há uma amostra de quatro produtos, mas há uma opção em que o usuário poderá clicar e verificar os demais produtos desta categoria. Assim como já informamos, você poderá selecionar de qual categoria deseja exibir estes itens. E claro, se desejar, poderá informar no seu site várias listas de produtos/serviços, alternando a categoria selecionada entre elas. No lado esquerdo desta lista, há o ícone de flechas para que você possa arrastá-la para outro lugar. E no lado direito, há a opção de selecionar o Estilo desejado, bem como selecionar a Categoria dos itens que serão exibidos. Ainda, há o ícone de lixeira, que você poderá clicar para Excluir esta lista do seu site.
Em relação à seção da listagem com as categorias de produtos, você poderá escolher entre as três opções, qual estilo você deseja aplicar no seu site. Neste campo serão exibidas as categorias que contém seus produtos. Portanto, ao clicar sobre a categoria, o usuário será direcionado para uma tela que exibe todos os produtos desse grupo. Você poderá arrastar este campo para outro lugar, clicando no ícone de flechas no lado esquerdo. E no lado direito, há a opção de definir o Estilo e Excluir esta lista de categorias do seu site. Nas imagens a seguir são exibidos os modelos disponíveis.
Já na lista de etiquetas, serão exibidas no seu site as etiquetas com as frases e links que foram configurados na Loja Online, na seção Visual, aba Etiquetas. Caso você deseje que seja exibida essa listagem, você poderá adicioná-la e arrastar para o lugar desejado na página, utilizando o ícone de flechas no lado esquerdo. Mas ainda, se desejar deletar esta lista, poderá excluí-la no ícone de lixeira no lado direito.
Ainda, você pode inserir espaços em branco entre as listas, para que o layout do seu site fique mais harmônico. Assim como as demais listas, você pode arrastá-la para onde desejar e excluir. Mas também, é possível configurar o tamanho deste espaço em branco, informando o número de pixels.
Depois de personalizar todas as listagens visíveis em sua Loja Online, é o momento de finalizar toda a customização. Portanto, no final da tela, você contará com três estilos diferentes para definir o rodapé que terá seu site. Ao clicar sobre as setas no campo Estilo, as opções serão exibidas. Abaixo estão exibidos o layout de cada um deles.
Por fim, após definir cada uma dessas etapas, você poderá Salvar as alterações realizadas.
Depois disso, clique na opção Voltar. Assim, você será direcionado para a tela principal de configuração da sua Loja Online.
Agora, você poderá clicar na opção Ver minha loja. Dessa forma, será direcionado para o seu site, que já será exibido conforme o layout personalizado anteriormente.
Sendo assim, seu site terá toda a estrutura pensada por você. Com certeza esse será mais um fator para que as vendas através dele aumentem cada vez mais! Portanto, divulgue a página do seu site a seus clientes agora mesmo!
Agora é com você, aproveite ao máximo as oportunidades do Sistema ERP! Esperamos que este artigo tenha esclarecido suas dúvidas e que te ajude a aproveitar ainda mais as funcionalidades disponíveis. Restou alguma dúvida? Entre em contato com o seu fornecedor para maiores informações!
