Você pode escolher os widgets e o layout da sua store de e-Commerce. Personalize o design e o layout da sua store para melhorar a apresentação dos produtos.
Você deve incluir o widget da store Principal em alguma página em seu site uma vez, para que os produtos do widget da galeria de produtos se conectem à store. Caso contrário, os clientes receberão um erro 404 ao clicarem em um produto.
Adicione categorias à navegação do site
Se sua stores não tiver categorias, você não verá essa opção.
Para adicionar uma categoria de loja à navegação do site principal:
No painel lateral do editor, clique em eCommerce.
-
No menu suspenso Adicionar páginas de categoria à navegação do site, selecione uma das seguintes opções:
- Do not add. Não inclui nenhuma página de categoria na navegação do site.
- Ao lado das páginas do site. Inclui páginas de categoria como página de nível superior na navegação do site. Para configurar o local das páginas de categoria na navegação do site, selecione uma opção no menu suspenso Onde você deseja colocá-las.
Como subpáginas. Inclui páginas de categoria como subpáginas de uma página específica na navegação. Selecione uma página no menu suspenso Adicionar como subpáginas de.
Adicione widgets de loja
Para mover ou excluir widgets de store em qualquer página do seu site, clique neles e arraste-os, como qualquer outro widget. Para mais informações, ver Adicionar Widgets.
Para adicionar um novo widget de store, no painel esquerdo clique eCommerce, depois clique Adicionar widgets de store. Para personalizar um widget individual, clique com o botão direito do mouse sobre o widget no site e selecione Edit Design.
Editar o design da loja
Para editar o design da store, use as configurações de Design global na guia Design ou clique no widget store Principal para acessar as opções específicas de design.
Para acessar as configurações globais de design, no painel esquerdo, clique em Design.
Para acessar o editor de design, clique com o botão direito no widget Loja Principal e clique em Editar Design.
Geral
- Clique com o botão direito no widget Loja Principal e depois em Editar Design.
- Para definir a tela inicial para o widget da store, clique em Geral e selecione uma página na lista de base da store Principal . Você pode optar por definir a store principal ou uma de suas categorias para exibir como a primeira página do widget da sua store.
Categorias e produtos
O Editor de Design permite editar o layout da página de Categorias e Produtos.
- Clique com o botão direito no widget Loja Principal e depois em Editar Design.
- Clique em Categorias ou Produtos para alterar o layout e o estilo do texto para diferentes áreas, como títulos de categoria/produtos, preço e SKU. Neste menu, você pode alterar o espaçamento entre os itens e o comportamento do elemento (efeitos ao passar o mouse), além do número de produtos exibidos em uma página.
Até um total de 100 categorias e subcategorias podem ser exibidas em sua loja.
Por exemplo: se você tiver 10 categorias com 50 subcategorias cada uma, aparecerão apenas 2 categorias com 50 subcategorias cada.
Página exclusiva do produto
O Editor de Design também permite editar elementos em páginas de produtos individuais. Escolha entre diversos layouts para exibir itens em páginas de produtos individuais, além de controlar elementos como a localização do texto e o layout e a proporção da imagem em miniatura. Essas novas personalizações permitem exibir produtos de lojas da melhor forma (e no melhor layout) possível.
- Clique com o botão direito no widget Loja Principal e depois em Editar Design.
- Clique em Página exclusiva do produto.
A cor de fundo e a cor do quadro não podem ser alteradas a partir da cor branca.
Carrinho e Finalização de compra
Você pode configurar o design do título do carrinho e checkout, dos subtítulos e o estilo do link.
- Clique com o botão direito no widget Loja Principal e depois em Editar Design.
- Clique em Carrinho e Checkout.
Personalize o estilo de navegação estrutural
Ative a navegação nas páginas da loja e defina seu estilo conforme desejar, facilitando a visualização dos clientes na loja.
Alterar as etiquetas de texto padrão
Para alterar as etiquetas de texto padrão no Store:
- No painel esquerdo, clique em e-commerce e depois em Gerenciar loja.
- Clique em Apps e depois em App Market.
- Procure o editor de etiquetas e clique para instalar o StoreFront Label Editor .
- Clique em + Adicionar etiqueta personalizada.
- Procure a etiqueta que gostaria de alterar e clique em Localizar esta etiqueta.
- Digite um novo nome para a etiqueta no campo disponibilizado à direita.
Reorganizar produtos em categorias
Para alterar a ordem em que os produtos de uma categoria são exibidos:
- No painel esquerdo, clique em eCommerce e depois em Catálogo.
- Clique em Categorias e depois em Produtos de categoria.
- Clique e arraste os produtos na categoria para a ordem desejada.
Filtros de produto
É possível adicionar filtros de produtos à loja para que os clientes possam encontrar facilmente o que procuram. Dessa forma, os clientes passam mais rápido da pesquisa à compra. É possível definir filtros por preços, nível de inventário, promoções, keywords, opções de produto e atributos. Isso é bastante útil para quem tem inventários grandes e variados.
Filtros de produtos estão disponíveis apenas para a Loja Avançada e superior.
Você pode configurar tudo em minutos. Os filtros ideais são pré-configurados e ativados para sua loja de acordo com o número de produtos, opções e atributos de produto disponíveis, promoções ativadas, níveis de estoque de produto e mais. Você pode adicionar/remover filtros manualmente para criar a experiência que você deseja oferecer para seus compradores. Os Filtros são atualizados à medida que você adiciona, remove ou atualiza os produtos na loja e à medida que os produtos são vendidos e o inventário é alterado. Seus compradores veem os filtros mais recentes todas as vezes que visitam seu site.
Ativar filtros de produto
- Acesse o Control Panel da store.
- Clique em Configurações e depois em Filtros de produtos.
- Clique em Ativar filtros.
- Selecione o filtro que você quer apresentar
PERGUNTAS FREQUENTES
O editor de design da minha loja é a versão mais nova?
Se seu site foi criado antes de 24 de setembro de 2017, você tem a opção de atualizar o editor de design da sua loja. Se você atualizar o widget, um backup do site será criado automaticamente. Essa atualização só altera o editor de design da loja; ela não muda nenhum recurso na sua loja.
Se sua loja foi criada após 24 de setembro de 2017 ou se você já atualizou o widget, terá acesso ao novo editor de design.
E se eu não quiser atualizar meu widget?
Você não precisa atualizar seu widget. Você também poderá editar seu widget usando a versão anterior do editor de widgets.
O que acontece se eu recarregar um backup ou usar o recurso desfazer?
Se você recarregar durante um backup ou desfazer algo enquanto estiver editando uma loja existente, será necessário atualizar o widget novamente. Lembre-se de que se você optar por atualizar o editor de design de uma loja, um backup do site será criado automaticamente.
Como posso mudar o texto nos botões e rótulos da minha loja?
Infelizmente, não há como alterar isso no Criador de sites.