Como automatizar campos no seu produto
13 de abril de 2017
Widgets: o que são, como incluir e excluir
11 de maio de 2017

Como adicionar combo de produtos no carrinho

Adicionar alguns produtos de maneira automática no carrinho de compras do seu cliente é muito útil quando queremos oferecer algum serviço ou recomendar um produto de um mesmo conjunto, que é o exemplo que daremos aqui: ao adicionar um colar folheado a prata no carrinho, automaticamente um anel folheado a prata será adicionado junto. E a compra do produto que foi adicionado automaticamente pode ser obrigatória ou não, veremos isso também neste tutorial.

Caso você ainda não tenha os produtos cadastrados em sua loja e não sabe como faze-lo, você pode seguir este tutorial.

Antes de prosseguir com o tutorial, você deve entrar em contato com a equipe DC5 para que façamos a instalação dos recursos necessários para habilitar essas opções no seu site.

Após o cadastramento dos produtos e a instalação do recurso necessário, você está pronto para prosseguir. Lembrando que caso hajam dúvidas, você pode entrar em contato com a nossa equipe!

 

1. Para realizar os seguintes procedimentos você precisa acessar o painel administrativo do seu site. Se você não sabe como acessá-lo, nós temos um tutorial que ensina como faze-lo, neste link.
2. Depois de efetuar o login, você se encontrará na página inicial de administração do seu site. Agora, no menu lateral esquerdo, você deve acessar a aba Produtos clicando sobre ela, conforme a imagem abaixo:

3. Procure o produto que deseja editar. No meu caso, eu quero que o anel seja adicionado automaticamente quando eu adicionar o meu colar, então eu vou editar o colar. Você pode usar a Barra de pesquisa na lateral direita, digitando o nome do seu produto para encontra-lo facilmente.

4. Após encontrar o seu produto, clique sobre o nome dele para que você seja redirecionado para a página de edição do mesmo.

5. Agora nós estamos na página de edição do produto. Preste muita atenção agora, pois toda alteração que você fizer aqui irá influenciar na página do seu produto. Role a página para baixo até você encontrar a caixa de Dados do produto.

6. Na sua caixa Dados do produto, clique em Produtos relacionados.

7. Aqui nós temos a parte de adição dos produtos relacionados. Neste caso, usaremos apenas as opções “Force Sells” e “Synced Force Sells” (essas opções só estarão disponíveis após a instalação dos recursos realizada pela equipe DC5). Caso você queira utilizar a função Aumenta vendas, siga este tutorial.

7.1. A função Force Sells funciona da seguinte maneira: ao adicionar os produtos aqui, eles passarão a ser adicionados no carrinho automaticamente quando eu adicionar o produto que estou editando, porém ele será um produto individual, ou seja, o cliente pode excluir ele do carrinho e/ou alterar sua quantidade sem nenhuma influência do produto principal. Neste caso, a compra do produto não é obrigatória.
A função Synced Force Sells funciona da seguinte maneira: ao adicionar os produtos aqui, eles passarão a ser adicionados no carrinho automaticamente quando eu adicionar o produto que estou editando, e ele será um produto vinculado, ou seja, o cliente não pode excluir ele do carrinho e só pode aumentar a sua quantidade se aumentar a quantidade do produto principal. Neste caso, a compra do produto é obrigatória.
Vamos exemplificar as duas opções.

8. Primeiramente exemplificaremos a função Force Sells:
Clicando no campo Search for a product, ele pedirá para inserir as 3 primeiras letras do produto que você quer adicionar. Feito isso, o sistema irá carregar todos os produtos cadastrados que começam com aquelas três letras, escolha o produto desejado e clique em cima dele. Certifique-se que você realmente clicou e que o nome do produto preencheu o campo.


8.1. Se estiver com a seguinte visualização significa que está tudo certo. Você pode adicionar mais de um produto se quiser.

8.2. Suba a página, clique em Atualizar e espere a página recarregar.

8.3. No campo Produto atualizado, clique em Ver produto com o botão direito do mouse e então clique em “Abrir link em uma nova guia”.

8.4. Agora você está visualizando o seu produto no seu site. Note que a frase destacada em vermelho na imagem foi acrescentada. Caso você deseje alterar a frase, acrescentar ou retirar alguma informação dela, entre em contato com a nossa equipe.

8.5. Eu vou adicionar o produto ao meu carrinho de compras clicando no botão Comprar.

8.6. Agora clique no Carrinho.

8.7. Note que os dois produtos foram adicionados ao carrinho.

8.8. Como eu o inseri como um produto individual, eu posso Alterar a quantidade
e Excluir sem que um produto interfira no outro. Caso eu altere a quantidade, será necessário clicar em Update cart ou Atualizar carrinho para que a nova quantidade seja inserida.

9. Agora exemplificaremos a função Synced Force Sells:
Clicando no campo Search for a product, ele pedirá para inserir as 3 primeiras letras do produto que você quer adicionar. Feito isso, o sistema irá carregar todos os produtos cadastrados que começam com aquelas três letras, escolha o produto desejado e clique em cima dele. Certifique-se que você realmente clicou e que o nome do produto preencheu o campo.

9.1. Feito isso, siga os mesmos passos realizados anteriormente, desde o item 8.1 até o item 8.7.
9.2. Podemos notar que os dois produtos foram adicionados ao carrinho, porém agora com algumas diferenças. Não é mais possível alterar a Quantidade do produto que foi adicionado automaticamente. Sua quantidade será alterada junto com a do produto principal. Caso você altere a quantidade, clique em Update cart ou Atualizar carrinho para que a página atualize. Também podemos notar que não é possível Excluir o segundo produto, mas ele será excluído junto com o primeiro.

Esperamos que esse tutorial tenha sido suficiente para sanar todas as suas dúvidas e que você tenha conseguido realizar tudo que desejava com ele! Caso ainda hajam dúvidas, entre em contato com a equipe DC5!

DC5
DC5

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Envie uma mensagem aqui
Enviar via WhatsApp