ShopEngine é um construtor de lojas WooCommerce completo para Elementor. Ele contém todos os widgets, módulos e modelos essenciais e úteis para construir uma loja WooCommerce completa. Mais importante ainda, é um plugin simples e fácil de usar e o usuário não precisa ter nenhum conhecimento de codificação.
Módulo de comparação de produtos: #
É tendência dos compradores sempre comparar produtos semelhantes online antes de fazer uma compra. Normalmente, eles precisam abrir várias guias para comparar esses produtos. Mas o ShopEngine facilitou as coisas para seus clientes com o módulo Comparação de produtos. Com este módulo, os compradores podem clicar no ícone de comparação de produtos localizado no canto inferior esquerdo do produto.
Na página da loja, eles podem escolher os produtos desejados para comparar e clicar no ícone de comparação de produtos em cada um dos produtos. Isso exibirá todos os produtos selecionados em uma nova janela, onde os compradores podem comparar diferentes parâmetros como preço, status do estoque, cor, etc.
Como habilitar e implantar o módulo: #
Selecione Módulos no Painel:
Em primeiro lugar, vá ao painel do seu painel de administração e encontre ShopEngine na barra lateral. Passe o mouse sobre ShopEngine e selecione Módulos na lista de itens.
Dashboard => ShopEngine => Módulos
Selecione e ative o módulo de comparação de produtos:
Na lista de módulos, localize e clique no módulo Comparação de produtos. Habilite o módulo clicando no ícone de configurações que aparece no botão do módulo.
Além disso, ative o botão de alternância para páginas únicas e de arquivo para exibir produtos em páginas de arquivo e únicas. Você também pode optar por colocar o ícone do módulo antes ou depois do botão Adicionar ao carrinho.
Adicione um novo modelo:
Agora, vá ao painel do seu painel de administração e encontre ShopEngine na lista de itens. Clique em ShopEngine e selecione Modelos no menu suspenso. Em seguida, clique no botão “Adicionar novo”Botão no canto superior direito ao lado do texto“Modelos”.
Defina um modelo para a página da loja:
Imediatamente depois disso, uma janela pop-up aparecerá para configurações do modelo. Defina o nome do seu modelo no Nome campo e selecione o tipo Loja, pois seu objetivo é usar o módulo de comparação de produtos.
Além disso, você pode escolher um design de amostra padrão ou começar a projetar do zero. Por fim, clique no botão “Salvar alterações" botão.
Clique em Editar com Elementor:
Seu modelo foi criado e você pode vê-lo no topo da lista. Agora clique em “Editar com Elementor”Para mudar para a janela Elementor.
Widget de lista de produtos de arrastar e soltar:
Nesta etapa, você notará uma barra lateral à esquerda com uma lista de widgets do ShopEngine. Encontre o widget Lista de produtos na seção Arquivo de produtos do ShopEngine e arraste e solte-o na área especificada, conforme mostrado na captura de tela abaixo.
Ícone de comparação de produtos visível nas imagens do produto:
Imediatamente após eliminar o widget da lista de produtos, uma lista de produtos aparecerá na página com todos os detalhes necessários. Você pode dar uma olhada no ícone de comparação de produtos no canto inferior direito, abaixo de cada imagem de produto, conforme mostrado no gif abaixo.
Veja o ícone de comparação de produtos na página da loja:
O ícone de comparação de produtos está em exibição na página da loja, como você pode ver na imagem abaixo. Agora você pode escolher produtos similares clicando no ícone e comparar os produtos em uma janela pop-up com todos os detalhes.
Produtos semelhantes aparecem em uma janela pop-up:
Agora, dê uma olhada na aparência de produtos semelhantes na página da loja depois de clicar no ícone de comparação de produtos. Você pode ver no gif como os produtos aparecem com itens e parâmetros como imagem, nome, estoque, SKU, preço, cor e logotipo.
É assim que você pode comparar produtos da melhor maneira possível com o módulo de comparação de produtos e tomar uma melhor decisão de compra.