Visualizador 3D para loja virtual: o que ele precisa ter

O que o cliente faz com ele

Na prática, o cliente usa o visualizador para três coisas: girar a peça para ver o lado que a foto não mostra, aproximar para conferir costura, textura ou acabamento, e, no celular, abrir a realidade aumentada para ver o tamanho real. Um bom visualizador faz as três sem instrução nenhuma, porque ninguém lê manual numa página de produto.

Cinco pontos para avaliar antes de escolher

1. 01

   Peso do arquivo

   Um modelo 3D pode ter poucos megabytes ou dezenas deles. O visualizador deve carregar o essencial primeiro e não travar a rolagem da página enquanto o resto chega. Teste em uma conexão móvel comum, e não no escritório.

2. 02

   Funcionar no navegador

   Sem aplicativo e sem extensão. No computador, o cliente gira a peça com o mouse; no celular, com o dedo, e a realidade aumentada abre no visualizador que o próprio aparelho já tem.

3. 03

   Escala real

   Na realidade aumentada, a peça precisa aparecer no tamanho verdadeiro. Um visualizador que mostra uma bolsa do tamanho de uma mala destrói a confiança que ele deveria criar.

4. 04

   Instalação simples

   O ideal é um trecho de código que se cola na descrição ou em um bloco do tema, sem reescrever a página de produto. Quanto menos a instalação depende do desenvolvedor, mais produtos acabam ganhando 3D.

5. 05

   Medição

   Visualizações, cliques em realidade aumentada e leituras de QR code. Sem esses números não há como saber se o 3D está sendo usado, nem em quais produtos vale a pena continuar.

Como o visualizador da Complete entra na loja

Cada produto criado no Complete 3D ganha um endereço próprio e um código de incorporação, que fica à mostra em "Meus produtos", com um botão para copiar. O código é um iframe padrão, aceito pela maior parte das plataformas de e-commerce:

<iframe src="https://www.completemagazine.com.br/ar/CODIGO-DO-PRODUTO" width="100%" height="520" frameborder="0" allow="xr-spatial-tracking; fullscreen; camera" style="border:0;border-radius:12px"></iframe>

A largura acompanha a coluna da página e a altura pode ser ajustada no próprio código. As permissões do atributo allow são o que libera, dentro do quadro, a câmera e a realidade aumentada no celular. Sem elas, a peça gira, mas o botão de ver no espaço não funciona.

No computador, quando o aparelho não abre realidade aumentada, o visualizador oferece um QR code: o cliente aponta o celular e continua a experiência no próprio espaço.

Onde colocar na página

O lugar que funciona é perto da galeria de fotos, e não no fim da descrição. Quem rola até o último parágrafo já decidiu; quem ainda está olhando as fotos é quem tem a dúvida que o 3D responde. Se a plataforma só permitir o código na descrição, uma linha no topo do texto avisando que a peça pode ser vista em 3D já ajuda.

Os guias de instalação da Complete explicam o caminho em cada plataforma, incluindo as que não aceitam iframe na descrição do produto.