Play

Atendimento WhatsApp (41) 99609-6300

Entre em contato conosco

Awesome Image Awesome Image

Blog Case 12 de outubro de 2025

Como a Four2one Integrou a Customização de Lentes (Opção de Compra) na VTEX (Case Óticas Paris)?

 

O e-commerce vive de escala. Mas o que acontece quando a escala colide com a necessidade de customização complexa e precisão médica, como na venda de óculos de grau?

Para a Óticas Paris, o desafio não era apenas vender armações, mas integrar de forma fluida a matriz de lentes (tipo, espessura, tratamento, prescrição) em um fluxo que fosse intuitivo para o cliente e à prova de erros para a operação.

A solução demandou uma arquitetura digital, além do backend/frontend que extraiu o máximo de recursos avançados da VTEX. Este é um estudo de caso da Four2one sobre como transformamos um desafio da venda de óculos de grau em um fluxo de alta conversão.

1. O Ponto de Fricção: A Limitação da VTEX Nativa

Qualquer e-commerce lida bem com variações (SKUs) como cor e tamanho. O óculos de grau, porém, exige que o cliente monte um “produto” novo a cada clique: Armação + Lente (Tipo A) + Tratamento (Opção B) + Receita (Dados C).

Tentar gerenciar isso apenas com SKUs seria inviável, gerando uma explosão catastrófica no catálogo. A resposta arquitetônica estava na combinação estratégica de funcionalidades Core da VTEX: Assembly Options, Descrição de Categorias, Customização de mensagens no Orderplaced e Especificação de Produtos/SKUs.

2. A Solução Técnica: Dominando o Assembly Options, entre outros…

A Lente não é um SKU; é um Anexo de Customização Complexa. A Four2one arquitetou a solução baseada no Assembly Options, o recurso da VTEX projetado para cenários de customização de produto e serviços com impacto no preço.

Como a Lente foi estruturada usando Assembly Options:

Camada de Customização Recurso VTEX Aplicação no Projeto
Tipo de Lente (Grau) Grupo de Assembly Option Permite a seleção obrigatória e exclusiva (Ex: Visão Simples OU Multifocal).
Índice de Refração/Espessura Itens do Assembly com Preço Adicional Cada índice (1.50, 1.67, 1.74) é um item com um preço incremental. O sistema soma automaticamente o valor ao preço base da armação.
Tratamentos (Antirreflexo, Filtro Azul) Itens do Assembly Opcionais Opções checkbox onde o cliente adiciona serviços de valor. O sistema garante que o preço se ajuste conforme a escolha.

3. O Toque de Engenharia: Catálogo, Front-end, Backend e Orderplaced

O sucesso da feature reside nos detalhes da integração:

  • Customização Front-end e Catálogo: O botão “COMPRAR COM LENTES” na PDP (Product Detail Page) aciona o pop-up de customização, que consome e renderiza o Assembly Options. Para educar o cliente, utilizamos as Especificações de Produto e Descrição de Categoria da VTEX para explicar os índices de refração de forma didática.
  • A Regra Customizada para a Receita: A parte mais crítica. A prescrição é um dado médico, não um SKU. Usamos um campo customizado no assembly para a descrição do cliente sobre o envio da receita.
  • Mensagem no Orderplaced: Para reduzir o pânico pós-compra, a Four2one implementou uma customização na tela de confirmação de pedido (orderplaced). Esta mensagem personalizada confirma que a Óticas Paris recebeu as especificações e instrui o cliente de forma clara sobre como enviar a imagem da receita por um canal seguro (WhatsApp ou e-mail dedicado).

DEMO COMO FUNCIONA NA PÁGINA DO PRODUTO

 

Para saber mais, acesse https://www.oticasparis.com.br/

Conclusão: De Desafio a Diferencial Competitivo

A venda de óculos de grau na Óticas Paris não era apenas uma customização; era uma reengenharia do fluxo de compra para um produto de alto risco.

Ao dominar recursos avançados da VTEX como o Assembly Options e as regras customizadas de comunicação, a Four2one entregou uma solução que:

  1. Garantia de Preço: O preço final é processado pelo motor de cálculo da VTEX, assegurando precisão e transparência fiscal.
  2. Experiência Confiável: O cliente é guiado e tem suas dúvidas resolvidas antes e depois da compra.
  3. Escalabilidade no Catálogo: A loja pode facilmente introduzir novas linhas de lente e tratamento apenas configurando novos Assembly Items, sem demandar mais desenvolvimento de código.

Este é o papel da Four2one: transformar os desafios de negócio mais complexos do e-commerce em soluções de Arquitetura Funcional robustas e eficientes.

Sua operação lida com produtos de alta complexidade ou customização? Não tente forçar o básico.

Fale com a Four2one clicando AQUI.

Nós resolvemos a arquitetura para que você foque no crescimento do seu negócio. 🚀