Visor 3D para tienda online: lo que necesita tener
El visor 3D es el recuadro, dentro de la página de producto, en el que el cliente gira la pieza, se acerca y, en el teléfono, la ve en su propio espacio. Parece un detalle de interfaz, pero es lo que decide si el 3D ayuda a vender o solo hace que la página cargue más lento.
Qué hace el cliente con él
En la práctica, el cliente usa el visor para tres cosas: girar la pieza para ver el lado que la foto no muestra, acercarse para revisar costuras, texturas o acabados y, en el teléfono, abrir la realidad aumentada para ver el tamaño real. Un buen visor permite las tres sin ninguna instrucción, porque nadie lee un manual en una página de producto.
Cinco puntos que evaluar antes de elegir
- 01
Peso del archivo
Un modelo 3D puede pesar pocos megabytes o decenas de ellos. El visor debe cargar primero lo esencial y no bloquear el desplazamiento de la página mientras llega el resto. Pruébalo con una conexión móvil común, no desde la oficina.
- 02
Que funcione en el navegador
Sin aplicación y sin extensión. En la computadora, el cliente gira la pieza con el mouse; en el teléfono, con el dedo, y la realidad aumentada se abre en el visor que el propio dispositivo ya trae.
- 03
Escala real
En realidad aumentada, la pieza tiene que aparecer en su tamaño verdadero. Un visor que muestra un bolso del tamaño de una maleta destruye la confianza que debería generar.
- 04
Instalación sencilla
Lo ideal es un fragmento de código que se pega en la descripción o en un bloque del tema, sin rehacer la página de producto. Cuanto menos dependa la instalación de un desarrollador, más productos terminan teniendo 3D.
- 05
Medición
Visualizaciones, clics en realidad aumentada y lecturas de código QR. Sin esos números no hay forma de saber si el 3D se está usando, ni en qué productos vale la pena seguir.
Cómo entra el visor de Complete en tu tienda
Cada producto creado en Complete Dashboard recibe una dirección propia y un código de inserción, que aparece en “Mis productos” con un botón para copiarlo. El código es un iframe estándar, que la mayoría de las plataformas de e-commerce acepta:
<iframe src="https://www.completemagazine.com.br/ar/CODIGO-DEL-PRODUCTO" width="100%" height="520" frameborder="0" allow="xr-spatial-tracking; fullscreen; camera" style="border:0;border-radius:12px"></iframe>El ancho se ajusta a la columna de la página y la altura se puede cambiar en el propio código. Los permisos del atributo allow son los que habilitan, dentro del recuadro, la cámara y la realidad aumentada en el teléfono. Sin ellos la pieza gira, pero el botón para verla en tu espacio no funciona.
En la computadora, cuando el equipo no puede abrir realidad aumentada, el visor ofrece un código QR: el cliente lo escanea con el teléfono y continúa la experiencia en su propio espacio.
Dónde ubicarlo en la página
El lugar que funciona es junto a la galería de fotos, no al final de la descripción. Quien llega hasta el último párrafo ya decidió; quien todavía está mirando las fotos es quien tiene la duda que el 3D responde. Si la plataforma solo admite el código en la descripción, una línea al comienzo del texto que avise que la pieza puede verse en 3D ya ayuda.
Las guías de instalación de Complete explican el camino en cada plataforma, incluidas las que no aceptan iframes en la descripción del producto.
Preguntas frecuentes
¿El visor 3D hace más lenta la página?
Puede hacerlo, si el modelo es pesado y se carga antes que el resto. El visor de Complete queda aislado en un recuadro propio, y la página de la tienda sigue cargando con normalidad mientras llega la pieza.
¿Necesito un desarrollador para instalarlo?
En la mayoría de las plataformas, no: basta con pegar el código en la descripción del producto. Para mostrar el visor en todos los productos a la vez, junto a la galería, lo habitual es usar un bloque en el tema, y ahí conviene contar con alguien que lo conozca.
Pruébalo con tu producto
La primera pieza en Complete Dashboard es gratis y queda lista en minutos. Para proyectos a medida, habla con Complete.