Como faço para inserir a Loja Online no meu site do Construtor de Sites?

Quando você tem uma loja online, é importante exibir seus produtos de uma forma que promova as vendas. A one.com Loja Online integra-se perfeitamente com o Construtor de Sites e tem várias opções para exibir e destacar produtos. Basta arrastar um dos três componentes da Loja Online para o seu espaço de trabalho, ajustar as configurações ao seu gosto e publicar seu site.

Este artigo apresenta brevemente cada componente da loja e fornece instruções para inseri-los no site do Construtor de Sites.


Os componentes da loja online

No Criador de Sites, existem três tipos de componentes da Loja Online:

A grade Todos os produtos

Este é o principal componente da loja online. Quando você insere isso em uma página do seu site, ele exibe todos os seus produtos da maneira que você normalmente associaria a uma loja online. Observe que Você só pode usar este componente uma vez em seu site.

wsb-shop1.png

Produtos em destaque

O Produtos em destaque permite que você exiba uma pequena seleção de produtos específicos da sua loja virtual. Você pode escolher os produtos individuais que deseja exibir ou deslizar o Categoria inteira do recurso Alterne em uma categoria para exibir todos os itens em uma categoria. O widget atualizará automaticamente sua exibição se você adicionar itens a uma categoria ou remover alguns dela.

wsb-shop2.png

Widget do produto

Se você quiser destacar um produto específico, poderá usar o comando widget de produto único. Este widget permite exibir um produto com um botão "Ver detalhes" e/ou "Comprar agora".

wsb-shop3.png

Você pode usar esses dois últimos componentes quantas vezes quiser e em quantas páginas quiser. Ambas as opções de widget são ideais para destacar produtos que você deseja aumentar as vendas; Use-os em sua página inicial para chamar imediatamente a atenção para seus produtos ou talvez em uma subpágina para acompanhar uma descrição estendida do produto.


Inserindo componentes no Construtor de Sites

  1. Arraste um dos Loja Online componentes em seu espaço de trabalho no menu à esquerda na tela.
  2. Ajuste o tamanho e o posicionamento do componente da loja ao seu gosto.
  3. Clique Editarpara ajustar A aparência e o estilo do componente da loja no Construtor de Sites de acordo com suas preferências.
  4. Clique Salvar e Publicar para disponibilizar sua loja ou os widgets de produtos online.
wsb-shop4.png

Editando a aparência e o estilo da sua loja online

Você pode definir, entre outras coisas, o número de produtos mostrados por linha, a cor e a posição das fitas e a localização do seu carrinho de compras.

1 - Menu superior/inferior

  • Proporção da imagem - Selecione a proporção da imagem de seus produtos, por exemplo, retrato ou paisagem.
  • Colheita - Marque esta caixa para cortar imagens para que todas sejam mostradas no mesmo tamanho.
  • Cartão - Marque esta caixa para mostrar seus produtos em um cartão; O produto e a descrição são contornados com uma borda retangular.
  • Produtos por linha - Defina quantos produtos (2-8) devem estar visíveis por linha.

2 - Painel Propriedades

  • Estilo - Defina a fonte e a cor do texto da sua loja. Você também pode selecionar o número de produtos visíveis por página e linha.
  • Botões - Defina o texto, a fonte e o estilo dos botões 'Adicionar ao carrinho' e 'Comprar agora'.
  • Navegação - Aqui, você pode decidir se deseja mostrar o seletor de categoria ou o seletor "Classificar por", permitindo que seus visitantes classifiquem e filtrem os produtos em sua loja. Você também pode ativar a barra de pesquisa aqui e editar os filtros da loja.
  • Fitas - Defina a posição e a cor das fitas (etiquetas promocionais) em seus produtos. Vá para a administração da Loja Online para adicionar uma faixa de opções a um produto específico.

Os produtos em destaque e o widget Produto têm quase as mesmas opções de personalização que a grade Todos os produtos. No entanto, observe que o widget do produto não possui opções de navegação e o botão 'Adicionar ao carrinho' não está disponível.


Artigos relacionados:

Este artigo foi útil?

Não tá conseguindo achar o que procura?

Iniciar uma conversa

É o jeito mais rápido de entrar em contato, todos os dias do ano.