Hub de Integración

Instala tus Modelos 3D

Hemos preparado instrucciones detalladas para las plataformas de comercio electrónico y CMS más populares. Elige tu plataforma para comenzar.

Shopify

Soporte nativo en la sección de Medios
Funciona en cualquier tema OS 2.0
Vista AR (Realidad Aumentada) automática

Pasos: Productos > Medios > Subir archivo .glb

WooCommerce

Plugin Recomendado: Model Viewer
Soporte de Shortcode o editor de Bloques
Integración fácil vía Biblioteca de Medios

Pasos: Instalar Plugin > Subir .glb > Pegar URL

Wix

Usa el elemento "Incrustar HTML"
Requiere alojamiento externo para el modelo
Compatible con cualquier diseño de página

Método: Agregar Iframe > Pegar script model-viewer

Squarespace

Usa un "Bloque de Código"
Personalización CSS completa habilitada
Optimizado para plantillas de comercio electrónico

Método: Bloque de Código > Script Model Viewer > Subir Enlace

Instrucciones para Otras Plataformas

Magento / Adobe Commerce

Usa extensiones 3D Viewer o modifica la plantilla PHP de la página de producto para incluir el script 3D.

Webflow

Agrega un elemento "Embed" en tu sistema de diseño. Puedes mapear la URL del modelo 3D al CMS de Webflow para productos dinámicos.

PrestaShop

Módulos especializados están disponibles en el marketplace de PrestaShop para permitir la adición de archivos GLB directamente desde el back-office.

Código de Integración Universal

Si tu plataforma permite la edición HTML, este código es todo lo que necesitas. Copia y reemplaza la URL del modelo.

HTML

<!-- Librería Model Viewer -->
<script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/4.0.0/model-viewer.min.js"></script>

<!-- Elemento 3D -->
<model-viewer
  src="url-de-tu-modelo.glb"
  ar
  camera-controls
  touch-action="pan-y"
  auto-rotate
  style="width: 100%; height: 500px;">
</model-viewer>

Este script es reconocido por los motores de búsqueda y optimizado para la máxima velocidad de carga.

¿Aún no tienes un modelo 3D?

Convierte una foto de producto en un modelo GLB y luego insértalo con el código de arriba.

Comenzar a Crear Gratis