Brave
Cross

O intervaloentre ver e entender

Estratégia8 min de leitura

Produto em 3D e realidade aumentada no e-commerce: como colocar na loja e o que os dados mostram

Um visualizador 3D com botão de realidade aumentada é a entrada barata do 3D na loja. Formatos, limites de peso, o que funciona no Brasil e o que os números provam.

8 min · Brave Cross
Neste texto

Para colocar um produto em 3D e realidade aumentada na loja, basta um modelo GLB, um visualizador como o model-viewer e uma versão USDZ para iPhone. O cliente gira o produto na página e, no celular, o projeta no próprio ambiente. O principal número de conversão publicado vem de um caso da própria Shopify, não de um estudo independente.

O que é produto 3D com realidade aumentada na loja?

São duas camadas sobre a mesma peça. Na primeira, o modelo 3D aparece na página do produto e o cliente gira, aproxima e olha por baixo. Na segunda, um botão abre a câmera do celular e coloca o produto em tamanho real na sala, na mesa ou no pé.

Não é um configurador. O configurador 3D de produto troca cor, material e acabamento em tempo real, e custa mais para produzir. O visualizador com AR mostra um modelo pronto. É a forma mais barata de testar se o 3D muda alguma coisa na sua loja.

O motivo de olhar para isso agora é o tamanho do canal. Segundo a Abiacom, citada pela Mercado&Consumo em fevereiro de 2026, o e-commerce brasileiro faturou R$ 235,5 bilhões em 2025, com projeção de R$ 259,8 bilhões para 2026. A foto do produto disputa atenção com milhares de outras fotos iguais.

Quais formatos o 3D na loja precisa?

Dois arquivos cobrem praticamente todo celular. O GLB é a versão binária do glTF, que a Khronos apresenta como o "JPEG do 3D": um arquivo só com malha, materiais e texturas. Ele serve para a web e para o Android.

O iPhone abre a realidade aumentada pelo AR Quick Look, que segundo a página oficial da Apple usa os formatos USDZ e Reality e exige iOS 12 ou posterior. No Android, quem faz esse papel é o Scene Viewer do Google.

O Scene Viewer, em documentação atualizada em outubro de 2024, pede aparelho com ARCore e Android 7.0 ou mais. Recomenda arquivos de até 10 MB, entre 30 mil e 50 mil triângulos (máximo recomendado de 100 mil) e texturas de até 2048 pixels. É uma boa régua de peso para qualquer loja.

Onde o 3D apareceFormatoLimite de pesoVale no Brasil?
Página do produto (navegador)GLBLeve o bastante para não travar a páginaSim
AR no Android (Scene Viewer)glTF 2.0 ou GLBAté 10 MB, até 100 mil triângulosSim
AR no iPhone (Quick Look)USDZ ou RealitySem limite citado na página da AppleSim
3D no Google Shopping (virtual_model_link)glTF ou GLBRecomendado 10 MB, máximo 15 MBNão: só produtos vendidos nos EUA

Fontes: Scene Viewer (out/2024), AR Quick Look da Apple e ajuda do Google Merchant Center, consultadas em outubro de 2026.

Como colocar o produto 3D na página?

O caminho mais curto é o model-viewer, componente web do Google com licença Apache 2.0. Uma tag recebe o GLB e já entrega rotação, zoom e o botão de AR, nas duas últimas versões dos navegadores atuais e do Safari.

A documentação de realidade aumentada do model-viewer descreve três modos: WebXR, Scene Viewer e Quick Look. O atributo ios-src aponta para o USDZ do iPhone. Sem ele, o componente gera o USDZ sozinho, mas ainda sem animação.

01

Escolha um produto

Comece pelo de ticket alto, em que tamanho e acabamento geram dúvida.

02

Produza o modelo

Fotogrametria, modelagem no Blender ou o arquivo do fabricante, exportado em GLB.

03

Otimize o peso

Reduza triângulos e texturas até caber na régua do Scene Viewer: 10 MB e 100 mil triângulos.

04

Gere o USDZ

Exporte a versão para iPhone ou deixe o model-viewer gerar, se o produto não tiver animação.

05

Publique com o model-viewer

Coloque o componente na página do produto, abaixo ou ao lado da galeria de fotos.

06

Meça

Marque como evento o clique no botão de AR e compare adição ao carrinho com e sem interação.

Peso é o ponto em que a maioria erra. Na Brave Cross, o modelo 3D do monólito da home tem 36 KB e é renderizado com three.js e React Three Fiber. Contamos como tratamos o peso em site 3D pesa?, e a escolha entre ferramentas está em three.js, Spline ou React Three Fiber.

O que os dados mostram sobre 3D e AR na conversão?

O número mais citado vem da Shopify. No caso da marca Rebecca Minkoff, consultado em outubro de 2026, quem interagiu com o produto em 3D teve 44% mais chance de adicionar ao carrinho e 27% mais de fazer o pedido. Com AR, a chance de pedido foi 65% maior.

Três ressalvas antes de usar esses números. A página não traz data, então não dá para saber de quando é a medição. É um caso publicado pela plataforma que vende o recurso. E compara quem interagiu com quem não interagiu: quem gira o produto já tende a estar mais perto de comprar.

44%

mais chance de adicionar ao carrinho após interagir em 3D

Shopify, caso Rebecca Minkoff, sem data (consultado em 10/2026)

27%

mais chance de pedido após interagir em 3D

Shopify, caso Rebecca Minkoff, sem data (consultado em 10/2026)

65%

mais chance de pedido após usar AR

Shopify, caso Rebecca Minkoff, sem data (consultado em 10/2026)

A leitura honesta: há sinal de que ajuda, sem prova de quanto ajudaria na sua loja. Por isso o passo de medir não é opcional. Para saber que taxa comparar, use as referências de taxa de conversão boa.

O 3D aparece no Google Shopping no Brasil?

Não em outubro de 2026. A ajuda do Google Merchant Center informa que o atributo virtual_model_link vale só para calçados e artigos para o lar, e só para produtos vendidos nos EUA. O arquivo é glTF ou GLB, recomendado com 10 MB e máximo de 15 MB, e a revisão pode levar até 2 semanas.

Para uma loja brasileira, então, o retorno do 3D está na própria página do produto, não no anúncio. Se um dia o recurso chegar aqui, o mesmo GLB já otimizado serve.

Perguntas frequentes

Preciso de aplicativo para ver produto em realidade aumentada?

Não. No Android, a AR abre pelo Scene Viewer do Google, que pede aparelho com ARCore e Android 7.0 ou mais, segundo a documentação oficial atualizada em outubro de 2024. No iPhone, abre pelo AR Quick Look, embutido no Safari desde o iOS 12, de acordo com a Apple. O cliente toca no botão da página e a câmera abre, sem instalar nada.

Qual formato de arquivo usar para 3D no e-commerce?

GLB para a página e para o Android, e USDZ para a realidade aumentada no iPhone. O GLB é o glTF em um único arquivo binário, formato aberto da Khronos. O model-viewer consegue gerar o USDZ sozinho quando você não fornece um, mas, segundo a documentação do componente em outubro de 2026, essa conversão automática ainda não leva animação.

Quanto deve pesar o modelo 3D de um produto?

A régua mais clara é a do Scene Viewer do Google, de outubro de 2024: até 10 MB, entre 30 mil e 50 mil triângulos como ideal e texturas de até 2048 pixels. Para a página do produto, quanto menos, melhor, porque o modelo disputa banda com fotos e scripts. Como referência, o monólito 3D da home da Brave Cross tem 36 KB.

Realidade aumentada aumenta as vendas da loja?

Há indício, não garantia. No caso Rebecca Minkoff, publicado pela Shopify sem data na página, quem usou AR teve 65% mais chance de fazer o pedido. É um caso de plataforma, que compara quem interagiu com quem não interagiu. O jeito seguro é testar em um produto, medir adição ao carrinho e compra, e só então expandir.

Dá para colocar 3D no Google Shopping no Brasil?

Em outubro de 2026, não. A ajuda do Google Merchant Center limita o atributo virtual_model_link a calçados e artigos para o lar vendidos nos EUA. O modelo, em glTF ou GLB, tem tamanho recomendado de 10 MB e máximo de 15 MB. Para lojas brasileiras, o 3D rende na página do produto e no botão de realidade aumentada.

Comece por um produto e meça

O visualizador com AR é o primeiro degrau do 3D no e-commerce: um GLB leve, um USDZ para iPhone e um componente gratuito. Os números públicos animam, mas vêm de casos de plataforma. A prova que conta é a da sua loja. É a mesma ideia de percepção não nasce: o valor que o cliente enxerga é projetado. Se a dúvida for de orçamento, veja quanto custa um site 3D e quanto custa uma loja virtual.

A Brave Cross cria experiências 3D para a web com three.js, React Three Fiber e modelos GLB com Draco. Se você quer levar um produto da foto ao 3D na sua página, conte o produto e o objetivo para a gente.

  • realidade aumentada e-commerce
  • produto 3D na loja virtual
  • ver produto em realidade aumentada
  • model-viewer GLB USDZ

O que não cabe numa nota cabe numa conversa.

  1. Estratégia

    Vender curso online

    Curso livre não depende do MEC, mas a venda segue o Código de Defesa do Consumidor e o…

    8 minLer
  2. Estratégia

    Como criar um curso online em 2026

    O roteiro em nove passos para tirar um curso online da cabeça: tema validado, programa…

    10 minLer
  3. Estratégia

    Freelancer, agência ou estúdio

    Freelancer, agência e estúdio entregam sites diferentes porque funcionam de jeitos diferentes.

    7 minLer