Personalize o design da store (store externa)

Para saber em qual solução em eCommerce você está, consulte Como sei se estou usando o eCommerce nativo ou o externo?

Você pode escolher os widgets e o layout da sua loja de e-Commerce. Personalize o design e o layout da sua loja para melhorar a apresentação dos produtos.

Adicione categorias à navegação do site

Para adicionar uma categoria de loja à navegação do site principal:

1. No painel lateral do editor, clique em eCommerce.

2. 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.

Adicionar widgets de loja

Para mover ou excluir widgets de loja em qualquer página do seu site, clique neles e arraste-os, como qualquer outro widget. Para saber mais, consulte Adicionar widgets.

Para adicionar um novo widget de loja, no painel esquerdo, clique em eCommerce e depois em Adicionar widgets de loja. Para personalizar um widget, clique com o botão direito do mouse no widget no site e selecione Editar Design.

Editar o design da loja

Para editar o design da loja, use as configurações de do Tema do Site na aba "Design"; ou clique no widget "Loja Principal" para acessar as opções específicas de design.

Para acessar as configurações de tema do site: no painel esquerdo, clique em Tema.

Para acessar o editor de design, clique com o botão direito do mouse no widget Loja Principal e clique em Editar design.

Geral

1. Clique com o botão direito do mouse no widget Loja Principal e clique em Editar design.
2. Para definir a tela inicial do widget da loja, clique em Geral e selecione uma página no menu suspenso Loja Principal. Você pode optar por definir a loja principal ou uma de suas categorias para ser exibida como primeira página do widget da sua loja.

Categorias e produtos

O Editor de Design permite editar o layout da página de Categorias e Produtos.

1. Clique com o botão direito do mouse no widget Loja Principal e clique em Editar design.
2. 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.

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.

1. Clique com o botão direito do mouse no widget Loja Principal e clique em Editar design.
2. Clique em Página exclusiva do produto.

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.

1. Clique com o botão direito do mouse no widget Loja Principal e clique em Editar design.
2. 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:

1. No painel esquerdo, clique em e-commerce e depois em Gerenciar loja.
2. Clique em Apps e depois em App Market.
3. Procure o editor de etiquetas e clique para instalar o StoreFront Label Editor .
4. Clique em + Adicionar etiqueta personalizada.
5. Procure a etiqueta que gostaria de alterar e clique em Localizar esta etiqueta.
6. 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:

1. No painel esquerdo, clique em eCommerce e depois em Catálogo.
2. Clique em Categorias e depois em Produtos de categoria.
3. 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.

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

1. Acesse o Control Panel da Loja.
2. Clique em Configurações e depois em Filtros de produtos.
3. Clique em Ativar filtros.
4. 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 da 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 o widget. Também é possível editar o 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 desfizer uma ação durante a edição de uma loja existente, será necessário atualizar o widget novamente. Vale lembrar 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.