Todas las plataformas / Guía
Modelo 3D y AR en Wix
En Wix añades un elemento «Embed HTML» y pegas el código o solo el enlace del modelo. Ojo con Wix Stores: la descripción del producto no admite HTML.
- Plugin / app
- No hace falta
- Dónde pegas el código
- Añadir → Embed Code → «Embed HTML»
- AR en el móvil
- Normalmente sí; pruébalo en el móvil
Opción 1: Elemento Embed HTML en una página
Funciona en cualquier página de Wix: presentación de producto, landing page, portfolio.
Paso 1
Copia el código de 3DView
Entra en tu cuenta, ve a «Mis modelos» y, en el modelo, pulsa «Código para tu web»: el código se copia al instante. Las pestañas Shopify, WooCommerce y «Cualquier web» solo indican dónde pegarlo; el código es el mismo.
Copia el código de 3DView Paso 2
Añade el elemento Embed HTML
En el editor pulsa «+» (Add Elements) → Embed Code → «Embed HTML». En Wix Studio: Add → Embed & Social → Embed HTML.
Añade el elemento Embed HTML Paso 3
Pega el código
Pulsa «Enter Code», elige «Code» y pega el código. O elige «Website Address» y pega solo el enlace del modelo (https://www.3dview.ai/embed/…). Pulsa Update.
Pega el código Paso 4
Agranda el recuadro
Arrastra las esquinas del elemento para que tenga al menos 480px de alto y todo el ancho de la sección.
Paso 5
Publica
Pulsa Publish y comprueba la web en el ordenador y en el móvil.
Publica
Opción 2: Wix Stores (la tienda de Wix)
La descripción del producto en Wix Stores es texto simple: no admite iframes. Un elemento Embed HTML puesto en la página de producto aparece en todos los productos.
Ventajas
- El enlace y el QR funcionan con cualquier producto, sin código.
Inconvenientes
- El modelo no aparece directamente en la página del producto sin código de Wix (Velo).
Paso 1
Consigue el enlace y el código QR
En «Mis modelos», en el modelo, pulsa «Compartir / QR»: copias el enlace directo del modelo (abre 3D y AR en el móvil) y guardas el código QR.
Paso 2
Pon el enlace en la descripción
En la descripción del producto escribe «Ver el producto en 3D y AR» y enlázalo al enlace del modelo.
Paso 3
O una página aparte
Crea una página de Wix para el producto (o una sección) con el elemento Embed HTML y pon un botón hacia ella desde la descripción.
Paso 4
Avanzado: Velo
Con Velo (el código de Wix), un único elemento Embed HTML puede recibir un enlace distinto para cada producto. Pídeselo a un desarrollador de Wix.
El código que pegas
Así es el código copiado de 3DView (en el tuyo aparece el ID del modelo en lugar de MODEL_ID). Puedes cambiar la altura (height:480px); el resto déjalo igual. Añade ?controls=0 después del ID para ocultar la barra de ajustes bajo el modelo.
<iframe src="https://www.3dview.ai/embed/MODEL_ID" title="Sofá Oslo" loading="lazy" allow="xr-spatial-tracking; fullscreen; accelerometer; gyroscope" allowfullscreen style="width:100%;height:480px;border:0;border-radius:12px"></iframe>
Cómo comprobar que funciona
- En el ordenador: el modelo se carga, gira con el ratón y el botón «Ver en el móvil» muestra un código QR para AR.
- En Android (Chrome): pulsa el botón AR en la esquina del modelo. Se abre el visor AR de Google y colocas el producto en la habitación, a tamaño real. El móvil debe ser compatible con ARCore.
- En iPhone/iPad (Safari): pulsa el botón AR. Se abre AR Quick Look, sin ninguna app.
- Prueba desde Safari o Chrome, no desde el navegador interno de Facebook/Instagram: ahí AR no arranca.
- Wix pone el código en un marco propio. Si el botón AR no arranca en el móvil, añade un botón de Wix con el enlace del modelo: ahí AR funciona siempre.
Problemas frecuentes y soluciones
El elemento tiene barras de desplazamiento o corta el modelo
Agranda el recuadro Embed HTML en el editor (no solo el código). En el móvil compruébalo por separado, desde la vista móvil del editor.
El código desaparece o se convierte en texto al guardar
El editor lo ha limpiado: pega el código en el modo HTML / código fuente, no en el modo visual (los pasos de arriba indican el botón exacto). Si sigue desapareciendo, la plataforma no admite iframes: usa el enlace y el código QR de «Compartir / QR».
El modelo es demasiado pequeño o aparece cortado
Aumenta la altura en el código: height:480px pasa, por ejemplo, a height:600px. El ancho (100%) se adapta solo a la columna. En el móvil suelen bastar 400–500px.
El botón AR no aparece o no arranca en iPhone
AR en iPhone requiere Safari (o Chrome en iOS) y un iPhone/iPad con iOS 12 o posterior. 3DView prepara automáticamente la versión para iPhone (USDZ). Abre directamente el enlace del modelo (el botón «Ver en AR» de tu cuenta): si ahí funciona, tu plataforma bloquea AR en los marcos incrustados; pon bajo el modelo un enlace «Ver en AR» a ese enlace.
El navegador avisa de «contenido no seguro» o el modelo no se carga
No cambies la dirección del código a http://. En una web https, los navegadores bloquean los marcos http (contenido mixto). Deja la dirección tal cual: https://www.3dview.ai/embed/…
Aparece el logo de 3DView en el modelo
Lo quitas por modelo, desde tu cuenta: «Quitar logo», un único pago en créditos. El código sigue siendo el mismo.
¿Hace más lenta la página?
No: el código lleva loading="lazy", así que el modelo solo se carga cuando llega a la pantalla. El alojamiento está incluido, sin suscripción.
Ilustraciones simplificadas, no capturas de pantalla; los menús pueden verse algo distintos en tu versión.
Preguntas frecuentes
¿Necesito una app del Wix App Market?
No. Embed HTML viene incluido en Wix.
¿Funciona en el plan gratuito de Wix?
El elemento Embed HTML está disponible, pero para una tienda real necesitas igualmente un plan con dominio y pagos.
¿Aún no tienes un modelo 3D?
Escanea el producto con el móvil o parte de una foto. Recibes el código para tu web, el enlace con QR y AR incluidos.
Crea tu primer modelo