Cómo instalar la app de Imersian en Shopify: paso a paso

Antes de empezar

Necesitas Shopify con tema Online Store 2.0, permisos de administrador para apps, fotos y medidas. No debes aportar modelos 3D: Imersian los crea con tus fotos. Alfombras, suelos, papel pintado, cuadros y productos planos son gratis; muebles y decoración usan créditos o tus GLB.

Paso 1: instala Imersian

1. Abre Imersian en Shopify App Store (apps.shopify.com/imersian) o en Portal entra en Integration, Connect store y Shopify.
2. Pulsa Install.
3. Shopify vuelve al administrador para aprobar los permisos de la app. Apruébalos.
4. Comprueba en Integration de Portal que tu tienda esté conectada. Si te pide la tienda, introduce el subdominio: my-rug-store para my-rug-store.myshopify.com. Pulsa Save.

Paso 2: etiqueta productos para Visualizer

1. Abre en el administrador de Shopify cada producto que quieras mostrar en la habitación.
2. Añade imersianvisualiserenabled y guarda. Puedes editar etiquetas de varios productos a la vez.
3. Solo se sincronizan productos etiquetados; eliges qué parte del catálogo publicar.

Paso 3: añade medidas y fotos

Cada producto necesita medidas reales para mostrarse a escala. Imersian las lee de los títulos de variantes y descripciones.

• Alfombras: indica el tamaño en el título de variante, como 120 x 180 cm o 5 x 8 ft.
• Muebles: indica las medidas en el título o descripción, como 80 W x 45 H x 60 D cm.
• Incluye siempre la unidad: cm, mm o ft.
• Si no quieres mostrar las medidas en la tienda, defínelas en Imersian Portal tras sincronizar.

Usa una foto clara por variante: alfombras desde arriba, cuadros de frente y muebles en ligero ángulo. Fondo blanco o liso, producto completo, sin accesorios, marcas de agua ni escenas. Si solo tienes fotos de ambiente, Design Studio en Portal puede crear imágenes limpias.

La lista completa con ejemplos está en nuestras directrices de imágenes.

Para elegir la foto, ábrela en Shopify y pon su texto alternativo en imersianvisualiserimage. Si no lo defines, el equipo te ayuda a elegir la mejor durante la incorporación.

Paso 4: sincroniza tus productos

• Automático: la sincronización diaria recoge productos etiquetados nuevos y modificados.
• Manual: sincroniza uno o todos desde Integration en Portal.
• Los catálogos grandes pueden tardar más. Actualiza la página de productos en Portal tras unos minutos.

Paso 5: incorporación y modelos 3D

El equipo te acompaña cuando los productos llegan a Portal. Imersian crea cada modelo con tus fotos y revisa medidas y calidad. Se aplica una cuota inicial de incorporación. Cada ficha muestra modelo y QR de AR; puedes sustituirlo por tu GLB en cualquier momento. Acompañamiento en inglés.

Paso 6: activa la inserción y añade el botón

La app usa una extensión de tema Shopify. Sin editar Liquid; al desinstalarla, tu tema se conserva.

1. En Shopify, ve a Online Store, Themes y pulsa Customize en tu tema activo.
2. Abre App embeds en la barra lateral, busca Imersian y actívalo.
3. Abre tu plantilla de ficha de producto.
4. Pulsa Add block, abre Apps y añade Imersian Visualizer. Añade también el bloque AR si lo quieres.
5. Arrastra el bloque al lugar deseado, preferiblemente bajo Add to cart.
6. Guarda y previsualiza un producto etiquetado.

Los botones solo aparecen en productos etiquetados y publicados en Imersian. Para adaptar su estilo, el equipo puede ayudar con un pequeño bloque Custom Liquid.

Paso 7: elige los botones y lanza

Elige los botones y textos en Portal, por ejemplo See it in my room. Usa Check my storefront en Integration: abre una ficha real y comprueba que Visualizer esté activo. Listo en un plazo de 2 semanas.

Solución de problemas

• Sin botón: revisa imersianvisualiserenabled, sincronización, publicación en Portal e inserción activa en el editor.
• Error al sincronizar: comprueba en Integration que la tienda myshopify.com conectada sea la correcta.
• Tamaño incorrecto: revisa la unidad del título de variante o corrige la medida en Portal.
• Dos colores se ven iguales: usa una imagen y SKU únicos por variante.
• Productos blancos se ven grises: envía una foto con más contraste o un detalle del material.

Más respuestas sobre estados, modelos 3D propios y botones adaptados al tema están en el Centro de ayuda de Imersian.

¿No usas Shopify?

Imersian también funciona en tiendas propias y headless. Elige Custom (Headless) en Integration. El equipo ayuda a añadir el script y los identificadores de producto.