4. Viewit3D: Integraciones y despliegue
Una de las mayores ventajas de ViewIt3D es que la integración es rápida, flexible y escalable. La plataforma está diseñada para adaptarse tanto a tiendas online de pequeña escala que buscan una implementación simple, como a empresa minorista que necesitan integraciones profundas con sus sistemas de eCommerce, ERP o PIM.
No importa qué plataforma utilice: Shopify, WooCommerce, VTEX, Magento, PrestaShop, BigCommerce, Webflow o una solución personalizada. Con ViewIt3D siempre tendrás dos caminos: integrar con un clic o construir a medida vía API.
4.1 Plataformas de comercio electrónico compatibles
- Shopify (Aplicación Nativa)
ViewIt3D dispone de una aplicación oficial en Shopify que permite integrar el visor 3D/AR en minutos.- Instalación directa desde el Tienda de aplicaciones de Shopify.
- Configuración rápida: solo vincular tus productos y asignarles un modelo 3D.
- Sin necesidad de código: el visor se despliega automáticamente en las fichas de producto.
- WooCommerce, VTEX, Magento, PrestaShop, BigCommerce, Webflow y plataformas personalizadas
En estas plataformas la integración se realiza mediante iframes o códigos embebidos generados desde el tablero de ViewIt3D.
- Cada modelo genera un código HTML único.
- Basta con copiarlo y pegarlo en la ficha de producto.
- Compatible con cualquier plantilla o CMS.
👉 Esto significa que incluso si tu pila tecnológica es compleja oa medida, ViewIt3D puede adaptarse sin fricciones.
4.2 Frontend incrustado
La forma más sencilla de integrar un producto es mediante un iframe generado automáticamente por la plataforma:
<iframe src=”https://ar-viewer.mdapps.net/?libraryName=TuColeccion&productSku=SKU12345″
ancho=”100%”
altura=”500px”
borde del marco=”0″
allow=”xr-spatial-tracking; pantalla completa; cámara; giroscopio; acelerómetro”>
</iframe>
- Compatibilidad inmediata: funciona en cualquier navegador moderno.
- AR integrado: si el dispositivo soporta WebAR (Android) o Quick Look (iOS), el botón “Ver en tu espacio” aparecerá automáticamente.
- Personalizable: se pueden ajustar parámetros como tamaño, controles, reproducción automática o incluir fondos transparentes.
👉 Los iframes se pueden exportar de forma unitaria o en masa por csv
4.3 Referencia de API
Para integraciones más avanzadas o aplicaciones móviles, ViewIt3D ofrece una API REST que permite a los desarrolladores controlar cada aspecto de la experiencia.
4.3.1 Autenticación
- Todas las llamadas se realizan sobre HTTPS.
- Se utiliza una Clave API generado en el dashboard.
- Existen dos entornos: Prueba y Producción.
4.3.2 Definición de los parámetros de entrada:
Punto final – obtenerEscenasDeProducto
Este servicio devuelve todas las escenas 3D/AR asociadas a un SKU específico:
| Parámetro | Tipo | Descripción |
| anfitrión | Cadena | Dominio donde están alojados los servicios de la API de View-It. |
| clave API | Cadena | Llave secreta del cliente para consumir los servicios web de la API de View-It. |
| ambiente | Cadena | Ambiente del backend: puede ser “prueba” o “producción”. |
| productoSku | Cadena | Identificador único del producto que se desea consultar. |
4.3.3 Definición de la respuesta: Lista de escenas de un producto, incluyendo los siguientes atributos:
| Atributo | Tipo | Motor | Descripción |
| productoSku | Cadena | Todos | Identificador único del producto. |
| nombre del producto | Cadena | Todos | Nombre del producto. |
| URL del producto | Cadena | Todos | URL del producto en el sitio web del cliente. |
| biblioteca | Cadena | Todos | Colección a la que pertenece el producto. |
| motor | Cadena | Todos | Motor de renderizado utilizado para generar la escena. |
| URL de la escena | Cadena | Todos | URL donde se puede visualizar el modelo 3D del producto. |
| Código QR de la escena | Cadena | Todos | URL de la imagen del código QR que apunta al visualizador 3D del producto. |
| arUrl | Cadena | Todos | URL que abre el visualizador AR en el dispositivo móvil del usuario |
| Código QR ar | Cadena | Todos | Código QR que contiene la URL que abre el visualizador AR en el dispositivo móvil del usuario. |
👉 Con esta API puedes:
- Integra Viewit en tu aplicación sin añadir un SDK pesado.
- Incrustar automáticamente el visor en fichas de producto dinámico.
- Conectar ViewIt3D con tu PIM o Sistema de planificación de recursos empresariales (ERP) para mantener la consistencia del catálogo.
- Recuperar Códigos QR y URL para usarlos en campañas offline o email marketing.
4.4 Códigos QR personalizados
ViewIt3D no solo genera códigos embebidos para la web, también permite crear y exportar códigos QR Listos para compartir en cualquier canal físico o digital.
- Generación individual: cada producto obtiene automáticamente un QR único que abre su visor 3D/AR en móviles.
- Exportación a granel: desde el tablero puedes descargar cientos de códigos QR a la vez para todo tu catálogo o para colecciones específicas.
- Formatos disponibles: PNG y SVG listos para impresión de alta calidad o integración en materiales gráficos.
- Personalización: se pueden añadir logos, colores corporativos y call-to-actions para alinearlos con tu branding.
👉 Casos de uso de códigos QR:
Con los códigos QR, ViewIt3D extiende el poder del 3D/AR a tiendas físicas, mercados packaging y campañas offline, cerrando el círculo entre el mundo físico y el digital:
- Minorista físico: una tienda coloca QR en etiquetas de producto para que el visitante lo pruebe en AR directamente desde su móvil.
- Mercados: Publica una foto con el QR del producto para que los clientes puedan probar el producto en su casa.
- Embalaje: un electrodoméstico incluye un QR en la caja para que el cliente explore las funciones antes de abrirla.
- Campañas de marketing: catálogos impresos o flyers con QR que enlazan al producto en 3D, generando una experiencia phygital.
4.5 Modo quiosco de Viewit
ViewIt3D cuenta con un módulo de kioscos interactivos que permite llevar todo el catálogo 3D/AR directamente a la tienda física. Esta solución transforma el punto de venta en un espacio phygital, combinando lo mejor del retail presencial con la innovación digital.
¿Cómo funciona?
- El kiosco muestra todo el catálogo de productos disponibles en 3D, organizado en una lista interactiva.
- Cada producto incluye: nombre, foto, modelo 3D y precio, ofreciendo una visión completa y atractiva.
- Al seleccionar un producto, se abre una page de detalle con su visor 3D/AR y toda la información necesaria.
- El cliente puede continuar el proceso de compra mediante un enlace personalizado al finalizar la compra de la tienda online.
Beneficios para el Retail
- Catálogo extendido: muestra productos que no están básicamente en la tienda, ampliando la oferta disponible.
- Experiencia inmersiva: los clientes exploran productos en 3D antes de comprarlos.
- Integración con eCommerce: los kioscos actúan como un puente entre la tienda física y la tienda online, permitiendo comprar sin colas ni stock limitado.
- Flexibilidad de diseño: el módulo puede personalizarse con el branding de la marca, manteniendo coherencia con la experiencia digital.
Caso de uso práctico
Una tienda de muebles instala un quiosco con pantalla táctil en su sala de exposición. Allí, los clientes pueden:
- Navegar por todo el catálogo, incluyendo referencias que no están en exhibición.
- Ver un sofá en 3D, girarlo, cambiar el color y comprobar las dimensiones.
- Revisar el precio actualizado y disponibilidad.
- Escanear un código QR o acceder al enlace de compra en el eCommerce.
Resultado: el cliente puede tomar una decisión informada en la tienda, incluso sobre productos no expuestos, y completar la compra online de manera inmediata.
✨ Con este módulo, ViewIt3D amplía su alcance más allá del comercio electrónico, ofreciendo a los minoristas una herramienta poderosa para conectar el mundo físico y digital, mejorar la experiencia de compra y aumentar las ventas en tienda.
4.5 Casos de integración y casos de uso
| Canal | Cómo funciona | Beneficio principal |
| 🌐 Sitio web | El visor 3D/AR se integra en las fichas de producto del eCommerce. | Aumente la confianza y reduzca las devoluciones al mostrar el producto en detalle. |
| 📱 Móvil | Compatible con WebAR en Android y Quick Look en iOS, sin necesidad de aplicaciones. | Experiencia inmediata y fluida en smartphones, que son el canal de compra más usado. |
| 🛍️Tienda (Kioscos) | Kioscos interactivos muestran todo el catálogo en 3D, con enlaces directos al pago online. | Amplia la oferta en tienda sin necesidad de stock físico, conectando retail y eCommerce. |
| 📢Publicidad Impresa (Anuncios impresos) | Catálogos, folletos o embalajes incluyen códigos QR que abren el producto en 3D/AR. | Convierte medios tradicionales en experiencias digitales interactivas. |
| 📧 Correo electrónico | Inserta enlaces o QR en newsletters y campañas de email marketing. | Incrementa la tasa de clics y engagement con experiencias inmersivas. |
| 🔗 Redes sociales | Comparte enlaces o QR en redes sociales como Instagram, Facebook o WhatsApp. | Multiplica el alcance y genera interacción directa con el producto en 3D/AR. |
👉 Esta tabla ayuda a mostrar de un vistazo que ViewIt3D es una plataforma omnicanal, lista para conectar cualquier estrategia digital o física con experiencias inmersivas.
✨ En resumen: ViewIt3D hace que la integración sea tan simple como copiar un código o tan potente como construir un conector a medida vía API. La flexibilidad está en tus manos: desde startups hasta empresas minoristas, la implementación siempre es rápida y sin fricciones.