4. Viewit3D: Integraciones & 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 retailers enterprise que necesitan integraciones profundas con sus sistemas de eCommerce, ERP o PIM.
No importa qué plataforma utilices: Shopify, WooCommerce, VTEX, Magento, PrestaShop, BigCommerce, Webflow o una solución custom. Con ViewIt3D siempre tendrás dos caminos: integrar con un clic o construir a medida vía API.
4.1 Plataformas eCommerce Compatibles
- Shopify (App Nativa)
ViewIt3D dispone de una aplicación oficial en Shopify que permite integrar el visor 3D/AR en minutos.- Instalación directa desde el Shopify App Store.
- 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 dashboard 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 stack tecnológico es complejo o a medida, ViewIt3D puede adaptarse sin fricciones.
4.2 Embeds Frontend
La forma más simple 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″
width=”100%”
height=”500px”
frameborder=”0″
allow=”xr-spatial-tracking; fullscreen; camera; gyroscope; accelerometer”>
</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.
- Customizable: se pueden ajustar parámetros como tamaño, controles, autoplay o incluir fondos transparentes.
👉 Los iframes se pueden exportar de forma unitaria o en bulk por csv
4.3 API Reference
Para integraciones más avanzadas o aplicaciones móviles, ViewIt3D ofrece una REST API 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 API Key generada en el dashboard.
- Existen dos entornos: Test y Producción.
4.3.2 Definición de los parámetros de entrada:
Endpoint – getProductScenes
Este servicio devuelve todas las escenas 3D/AR asociadas a un SKU específico:
| Parámetro | Tipo | Descripción |
| host | String | Dominio donde están alojados los servicios de la API de View-It. |
| apiKey | String | Llave secreta del cliente para consumir los servicios web de la API de View-It. |
| environment | String | Ambiente del backend: puede ser “test” o “production”. |
| productSku | String | 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 |
| productSku | String | Todos | Identificador único del producto. |
| productName | String | Todos | Nombre del producto. |
| productUrl | String | Todos | URL del producto en el sitio web del cliente. |
| library | String | Todos | Colección a la que pertenece el producto. |
| engine | String | Todos | Motor de renderizado utilizado para generar la escena. |
| sceneUrl | String | Todos | URL donde se puede visualizar el modelo 3D del producto. |
| sceneQrCode | String | Todos | URL de la imagen del código QR que apunta al visualizador 3D del producto. |
| arUrl | String | Todos | URL que abre el visualizador AR en el dispositivo móvil del usuario |
| arQrCode | String | Todos | Código QR que contiene la URL que abre el visualizador AR en el dispositivo móvil del usuario. |
👉 Con esta API puedes:
- Integrar Viewit en tu app sin añadir un SDK pesado.
- Incrustar automáticamente el visor en fichas de producto dinámicas.
- Conectar ViewIt3D con tu PIM o ERP para mantener la consistencia del catálogo.
- Recuperar QR codes y URLs para usarlos en campañas offline o email marketing.
4.4 QR Codes Personalizados
ViewIt3D no solo genera códigos embebidos para la web, también permite crear y exportar QR codes 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 en bulk: desde el dashboard puedes descargar cientos de QR codes 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 QR codes:
Con los QR codes, ViewIt3D extiende el poder del 3D/AR a tiendas físicas, markeplaces packaging y campañas offline, cerrando el círculo entre el mundo físico y el digital:
- Retail físico: una tienda coloca QR en etiquetas de producto para que el visitante lo pruebe en AR directamente desde su móvil.
- Marketplaces: Publicas una foto con el QR del producto para que los clientes puedan probar el producto en su casa.
- Packaging: un electrodoméstico incluye un QR en la caja para que el cliente explore 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 Viewit Kiosk mode
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 página 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 checkout de la tienda online.
Beneficios para el Retail
- Catálogo extendido: muestra productos que no están fí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 kiosco con pantalla táctil en su showroom. Allí, los clientes pueden:
- Navegar por todo el catálogo, incluyendo referencias que no están en exhibición.
- Ver un sofá en 3D, rotarlo, cambiar el color y comprobar dimensiones.
- Revisar el precio actualizado y disponibilidad.
- Escanear un código QR o acceder al link 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 eCommerce, ofreciendo a los retailers 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 |
| 🌐 Website | El visor 3D/AR se integra en las fichas de producto del eCommerce. | Aumenta la confianza y reduce devoluciones al mostrar el producto en detalle. |
| 📱 Mobile | Compatible con WebAR en Android y Quick Look en iOS, sin necesidad de apps. | 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 links directos al checkout online. | Extiende la oferta en tienda sin necesidad de stock físico, conectando retail y eCommerce. |
| 📢Publicidad Impresa (Print Ads) | Catálogos, flyers o packaging incluyen QR codes que abren el producto en 3D/AR. | Convierte medios tradicionales en experiencias digitales interactivas. |
| Inserta enlaces o QR en newsletters y campañas de email marketing. | Incrementa la tasa de clics y engagement con experiencias inmersivas. | |
| 🔗 Social Media | 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 retailers enterprise, la implementación siempre es rápida y sin fricciones.
