Comparador de Produtos com IA

---

 

Sobre o aplicativo

 

O Comparador de Produtos com IA é a solução ideal para lojistas da Nuvemshop que desejam que seus clientes escolham o melhor produto para atender às suas necessidades. A Inteligência Artificial integrada oferece ao cliente a possibilidade de descobrir se o produto que ele está escolhendo é o ideal!

 

Perfeito para lojas de informática e tecnologia, cosméticos, ou até mesmo suplementos alimentares e artigos esportivos. Ao invés de deixar o cliente sair do site para pesquisar qual é o melhor eletrônico ou o melhor produto para a sua pele, o app já vai permitir que ele veja a comparação entre várias possibilidades em tempo real!

 

Com o Comparador de Produtos com IA você pode:

 

• • Acompanhar de perto os produtos que mais são comparados na sua loja.
  • Monitorar a quantidade de vezes que os clientes clicaram em comprar um dos produtos e definir a quantidade mínima e máxima para comparar.
  • Dar instruções específicas para a IA utilizar na comparação (como o perfil do seu público-alvo, por exemplo).
  • Personalizar totalmente a visualização e a posição dos botões de comparação, além dos modais de resposta da IA.

 

Instale agora e transforme a experiência de compra dos seus clientes!

 

 

 

 

Jornada do Cliente: Como o app funciona na prática?

 

O aplicativo se integra nativamente à Nuvemshop para eliminar a maior barreira de compra do cliente: a dúvida. Através de uma experiência visual fluida e inteligência de dados, o consumidor compara atributos e recebe recomendações sob medida em poucos cliques, encurtando a jornada até o carrinho.

 

1. Selecionando os Produtos na Vitrine

 

Ao navegar pelas categorias ou páginas de busca da loja, o cliente passa a visualizar um novo elemento de interação logo abaixo da imagem de cada produto, o botão/checkbox “Comparar”.

 

Ao clicar na caixa de seleção “Comparar” dos itens de seu interesse (no exemplo, o Sérum Hidratante Glow C e o Sérum Facial Aqua Recovery), o cliente poderá visualizar o botão “Comparar Produtos” no canto inferior direito, junto com o contador de itens selecionados.

 

 

2. Visualização dos Itens selecionados

 

Ao clicar no botão “Comparar Produtos”, um menu popover flutuante é expandido para que o usuário revise o que escolheu antes de processar a análise, sendo exibidas as miniaturas e os nomes dos produtos selecionados.

 

Se o cliente mudar de ideia, ele pode remover qualquer item clicando no ícone de “X”.

 

 

3. Visualização do Painel de Comparação Rápida

 

O aplicativo abre um modal contendo a tabela comparativa direta dos produtos e o primeiro contato com a Inteligência Artificial.

 

São exibidos os Cards contendo a foto, o nome do produto e um botão direto de “Comprar” para encurtar o funil de conversão, uma tabela para comparar os produtos lado a lado exibindo os preços atuais, as descrições dos produtos e as variações, e o “Resumo da IA” que exibe insights rápidos (ex: “Sérum Glow C é ideal para pele oleosa, enquanto o Aqua Recovery é perfeito para pele seca e sensível”).

 

Caso queira uma recomendação personalizada, o cliente clica em “Ver Análise Completa da IA”.

 

 

4. Análise Detalhada (com IA)

 

Se o cliente ainda tiver dúvidas, esta tela cheia oferece um relatório aprofundado gerado por inteligência artificial para que seja feita a melhor escolha de produtos.

 

A IA redige um texto fluido comparando os ingredientes ativos, os benefícios principais e cruzando dados de qual é o melhor cenário para cada tipo de pele. Uma lista com marcadores (bullets) indica exatamente como incluir cada produto na rotina por se tratar de cosméticos. Abaixo de cada produto, a IA resume os 3 principais pontos fortes daquele item em formato de lista rápida.

 

O cliente clica no botão “Comprar” do sérum ideal para a sua necessidade ou clica em “Voltar para comparação” para revisar as especificações, facilitando a sua jornada de compra.

 

 

 

 

 

 

Dashboard

 

Ao acessar o aplicativo em sua loja, você visualizará um painel informativo completo sobre as comparações realizadas pelos seus clientes. No topo, a tela oferece um filtro por período (data inicial e final). Logo abaixo, três métricas cruciais entregam uma visão rápida do seu funil: o total de itens selecionados pelos usuários, o número de comparações concluídas pela IA e a quantidade de cliques gerados no botão de compra após a análise.

 

O painel central exibe o ranking dos Produtos Mais Comparados, organizando os itens por ID e revelando exatamente quantas vezes cada um passou pela analise de comparação da Inteligência Artificial.

 

As seções inferiores de Seleções por Data e Comparações por Data trazem o histórico diário para você acompanhar de perto a evolução do engajamento ao longo do mês.

 

 

 

 

 

Configurações

 

1. Geral

 

Nesta tela, você define os limites operacionais do aplicativo e personaliza o comportamento do motor de Inteligência Artificial. Também é nessa seção que você ativa o aplicativo na sua loja.

 

Nos campos superiores, é possível estipular a Quantidade Mínima e a Quantidade Máxima de Produtos para Comparar de uma só vez.

 

No campo Prompt Personalizado do ChatGPT, você pode inserir diretrizes, regras de negócio e o tom de voz que a IA deve adotar obrigatoriamente em todas as respostas enviadas aos clientes.

 

 

Exemplo prático de Prompt:

“Você é o especialista em tecnologia de uma loja de informática para o público gamer. Suas comparações devem focar no desempenho de jogos (FPS), usar uma linguagem jovem, descontraída e cheia de energia, sem ser excessivamente técnica. No final da análise, recomende sempre o produto com melhor custo-benefício para quem quer jogar online.”

 

2. Botão Flutuante

 

Você também pode personalizar o botão que será exibido após o cliente selecionar os produtos para comparação. Sendo possível alterar a posição, o texto que é exibido dentro do botão, a cor e o tamanho da fonte.

 

 

3. Botão na Vitrine de Produtos

 

Esta seção permite que o lojista personalize a aparência, o comportamento e a localização do botão de comparação diretamente nas vitrines (listas de produtos) da loja virtual. O botão permite que os clientes selecionem os itens que desejam comparar.

 

Habilitar botão nos itens da vitrine de produtos:

Ativa ou desativa a exibição do botão de comparação para os usuários que navegam pela loja.

 

Texto do Botão:

Campo personalizável para definir o call-to-action (ex: “Adicionar ao comparador” ou “Comparar”).

 

Cor de Fundo e Cor do Texto:

Seletores de cores que permitem alinhar a identidade visual do botão com o design e a paleta de cores da marca.

 

Habilitar botão flutuante:

Quando ativado, transforma o botão em um elemento flutuante que se posiciona sobre a imagem ou área do produto selecionado.

 

Posição do botão flutuante:

Define o alinhamento do botão na tela ou no bloco do produto (ex: “Canto Inferior Direito”).

 

 

As configurações de Posição e Ancoragem (Avançado) envolvem seletores técnicos do layout da sua loja virtual. Recomendamos entrar em contato com um desenvolvedor ou diretamente com o nosso suporte técnico caso você queira alterá-lo.

 

4. Botão na Página de Produtos

 

Esta seção permite personalizar a exibição e o comportamento do botão de comparação diretamente na página interna de cada produto. Assim, o cliente que já está visualizando os detalhes de um item específico pode adicioná-lo facilmente ao comparador com IA.

 

Habilitar botão na página de produto:

Ativa ou desativa a exibição do botão de comparação dentro das páginas de detalhes do produto.

 

Texto do Botão:

Campo personalizável para definir a mensagem do botão (ex: “Comparar este produto” ou “Adicionar ao comparador”).

 

Cor de Fundo e Cor do Texto:

Seletores de cores para customizar o visual do botão, garantindo que ele combine com o tema e a identidade visual da loja.

 

Botão flutuante:

Quando ativado, o botão ganha um comportamento flutuante (overlay) sobre a página ou sobre o elemento selecionado, acompanhando a rolagem ou destacando-se na tela.

 

Posição do botão flutuante:

Define o canto da tela ou do elemento onde o botão ficará fixado (ex: “Canto Inferior Direito”).

 

 

5. Configurações do Modal de Comparação

 

Esta seção permite personalizar os textos e a identidade visual do Modal de Comparação — a janela pop-up que se abre na tela do cliente exibindo o resumo gerado pela Inteligência Artificial e a tabela comparativa dos produtos selecionados.

 

Título do Modal:

Campo personalizável para definir o cabeçalho principal da janela. É o primeiro texto que o cliente verá ao abrir a ferramenta.

 

Mensagem:

Um texto de apoio ou chamada que aparece logo abaixo do título, orientando o cliente (ex: “Compare os produtos selecionados” ou “Confira o resumo da nossa IA para a sua escolha”).