InRoom Wall ArtDe cero a funcionando en cinco minutos.
InRoom se monta con bloques de aplicación de Shopify. No reescribe tu tema, no toca tus productos y no te obliga a hacer fotos nuevas: lee lo que ya vendes.
01Instalar la app
Desde la Shopify App Store
Busca InRoom Wall Art e instálala con tu cuenta. Shopify te pedirá aceptar los permisos: la app necesita leer tus productos e imágenes, y escribir sus propios ajustes de marcos y apariencia.
Elige plan
Puedes empezar con el plan gratuito (tres obras, sin tarjeta) para probarlo en tu tienda real. Los planes de cuota fija traen catorce días de prueba. El cobro va por Shopify y se cancela desde ahí.
02Activar los bloques en tu tema
Ve a Tienda online → Temas → Personalizar. Ahí activas dos cosas distintas, y conviene no confundirlas.
El embed, que es obligatorio
En la columna izquierda, abajo del todo, entra en Incrustaciones de aplicación y activa In Room Icon. Es el motor: sin él no funciona nada de lo demás. Desde aquí también se configuran los enlaces del menú del Hipercatálogo y del Composer.
Los bloques, que eliges tú
En una ficha de producto, pulsa «Añadir bloque» en la sección del producto y elige los que quieras:
| Bloque | Qué es |
|---|---|
| InRoom · Icono PDP | El icono flotante sobre la foto del producto |
| InRoom · Botón CTA | El botón dentro de la caja de compra |
| InRoom · Side Block | La pestaña fija en el borde de la pantalla |
| Wall Art Composer | El asistente de composición |
No hace falta poner los tres elementos a la vez. Lo habitual es el botón CTA en la ficha y elegir entre el icono o la pestaña según lo cargado que esté tu tema. Tres llamadas compitiendo se estorban.
03Definir tus marcos
En el panel de la app, entra en Marcos. Esto se hace una vez y es lo que separa una visualización creíble de una aproximación.
Crea un marco por cada acabado que vendas
Color, material (madera, metal o lacado) y las medidas reales: ancho de moldura, fondo y marialuisa si la lleva. Todo en milímetros.
Átalo al valor de tu variante
En valor de la opción escribe exactamente el texto que usas en tu producto — «Roble», «Negro», «Sin marco». Así, cuando el cliente cambia de variante, cambian el render, el precio y el modelo del AR.
Si tienes marcos por tamaño, decláralos
Si el de 40×50 lleva un perfil y el de 70×100 otro, añade las reglas por tamaño. El sistema elige el marco físico más pequeño en el que cabe la lámina y calcula la marialuisa por eje.
04Comprobar que tus productos tienen medidas
Es el punto donde más instalaciones se quedan a medias. Sin medidas no hay tamaño real, y el tamaño real es la mitad del argumento de venta.
- Lo ideal es que la variante se llame con el formato
50x70o50 × 70 cm: se leen solas. - Si tu catálogo no lo lleva así, puedes indicar las medidas desde el panel.
- Revisa también que las imágenes de producto sean la obra sola, sin mockups de habitación quemados encima: la app pone el marco y la pared por ti.
05Elegir el aspecto
En Apariencia eliges uno de los veinte presets y lo ves aplicado en vivo sobre una ficha de mentira. Si quieres afinar, tienes todos los controles: color, degradado, cristal, tipografía, grosor, redondeo, sombra, textos y en qué dispositivos aparece cada elemento.
Nada de lo que toques se publica hasta que le das a publicar.
06Los enlaces del menú (Composer e Hipercatálogo)
El Wall Studio y el Hipercatálogo no son botones de la ficha: se abren desde un enlace del menú de tu tienda. Se activan con un token en la URL.
Crea el enlace en tu menú
En Tienda online → Navegación, añade un elemento al menú principal. Llámalo como quieras («Monta tu pared», «Catálogo completo») y en la URL pon #composer o #hipercatalogo.
Comprueba el plan
El Composer y el Wall Studio requieren plan Studio; el Hipercatálogo, Enterprise. Si el plan no los incluye, el enlace no hace nada.
07Probarlo antes de dar por hecho que funciona
Cinco comprobaciones que evitan el noventa por ciento de los sustos:
| Comprueba | Cómo |
|---|---|
| El botón aparece | Abre una ficha de producto en tu tienda, no en el editor |
| El AR abre | Desde un iPhone real. El simulador no lanza Quick Look |
| El tamaño es correcto | Mide la obra en la pared con el móvil y compárala con la variante |
| El marco es el tuyo | Cambia de variante y mira si cambia la moldura |
| El pago entra bien | Pulsa «Pagar ahora» y confirma que llega la variante correcta al checkout |
Mientras la tienda tenga contraseña en Tienda online → Preferencias, quien escanee el QR verá el muro de acceso en vez del AR. Para las pruebas con clientes, quítala.
08Si algo no sale
- No veo el botón. Casi siempre es que falta activar la incrustación
In Room Icon, o que el bloque se añadió en una plantilla de producto distinta a la que usa ese artículo. - El AR no abre en Instagram o Facebook. Sus navegadores internos no permiten realidad aumentada. La app detecta el caso y explica al cliente cómo abrirlo en Safari.
- El cuadro sale del tamaño equivocado. Revisa las medidas de la variante y el perfil del marco.
- Mi tema hace cosas raras. Hay un modo de compatibilidad para desactivar piezas concretas sin perder el resto.
Si te atascas, escribe a hello.inroom.app@gmail.com con el nombre de tu tienda y el tema que usas.