De Imersian Shopify-app installeren: stap voor stap

Voor je begint

Je hebt Shopify met een Online Store 2.0-thema, beheertoegang voor apps en productfoto’s en maten nodig. 3D-modellen hoef je niet aan te leveren. Imersian maakt ze uit je foto’s. Vloerkleden, vloeren, behang, wanddecoratie en andere platte producten zijn gratis; meubels en woonaccessoires gebruiken credits of je eigen GLB-bestanden.

Stap 1: installeer de Imersian-app

1. Open Imersian in de Shopify App Store (apps.shopify.com/imersian), of ga in de Portal naar Integration, Connect store en Shopify.
2. Klik op Install.
3. Shopify opent het beheer om de appmachtigingen goed te keuren. Keur ze goed.
4. Controleer in de Portal onder Integration of je winkel verbonden is. Wordt om je winkel gevraagd, voer dan het myshopify.com-subdomein in: my-rug-store voor my-rug-store.myshopify.com. Klik op Save.

Stap 2: tag producten voor de Visualizer

1. Open in Shopify-beheer elk product dat klanten in hun kamer moeten kunnen zien.
2. Voeg imersianvisualiserenabled toe en sla op. Tags kun je voor meerdere producten tegelijk bewerken.
3. Alleen getagde producten synchroniseren. Zo bepaal je welk deel van de collectie live gaat.

Stap 3: voeg maten en foto’s toe

Voor plaatsing op schaal heeft elk product echte afmetingen nodig. Imersian leest die uit varianttitels en productbeschrijvingen.

• Vloerkleden: zet de maat in de varianttitel, bijvoorbeeld 120 x 180 cm of 5 x 8 ft.
• Meubels: zet de maten in de varianttitel of beschrijving, bijvoorbeeld 80 W x 45 H x 60 D cm.
• Vermeld altijd de eenheid: cm, mm of ft.
• Wil je maten niet in de winkel tonen, stel ze dan na synchronisatie in de Imersian Portal in.

Gebruik één duidelijke foto per variant: vloerkleden van boven, kunst recht van voren en meubels schuin. Kies een witte of egale achtergrond met het hele product zichtbaar, zonder attributen, watermerken of sfeerbeelden. Heb je alleen sfeerfoto’s, dan kan Design Studio in de Portal er schone productbeelden van maken.

De volledige fotochecklist met voorbeelden staat in onze fotorichtlijnen.

Om de foto te kiezen opent je die in Shopify-beheer en zet je de alttekst op imersianvisualiserimage. Laat je dit leeg, dan helpt ons team bij de onboarding de beste foto te kiezen.

Stap 4: synchroniseer je producten

• Automatisch: dagelijkse synchronisatie haalt nieuwe en gewijzigde getagde producten op.
• Handmatig: synchroniseer één of alle producten via Integration in de Portal.
• Grote collecties kunnen langer duren. Vernieuw de productpagina in de Portal na een paar minuten.

Stap 5: onboarding en 3D-modellen

Ons team begeleidt de producten zodra ze in de Portal staan. Imersian maakt elk model uit je foto’s en controleert maten en kwaliteit. Er geldt een eenmalige onboardingvergoeding. Elke productpagina toont het model en een AR-QR-code. Je kunt het model altijd door je eigen GLB vervangen. Begeleiding is in het Engels.

Stap 6: activeer de app-embed en voeg de kamerknop toe

De Imersian-app gebruikt een Shopify-thema-extensie. Geen Liquid aanpassen; na verwijderen blijft je thema zoals het was.

1. Ga in Shopify naar Online Store, Themes en klik op Customize bij je actieve thema.
2. Open App embeds in de zijbalk, zoek Imersian en zet de embed aan.
3. Open het template van je productpagina.
4. Klik op Add block, open Apps en voeg Imersian Visualizer toe. Voeg desgewenst ook het AR-knopblok toe.
5. Sleep het blok naar de gewenste plek, bij voorkeur direct onder Add to cart.
6. Sla op en bekijk een getagd product.

De knoppen verschijnen alleen voor getagde producten die live staan in Imersian. Om de themastijl te volgen kan ons team helpen een klein Custom Liquid-blok toe te voegen.

Stap 7: kies je knoppen en ga live

Kies in de Portal welke knoppen klanten zien en wat erop staat, bijvoorbeeld See it in my room. Gebruik Check my storefront op Integration: de Portal opent een echte productpagina en controleert of de Visualizer live is. Live binnen 2 weken.

Problemen oplossen

• Geen knop: controleer imersianvisualiserenabled, synchronisatie, live-status in de Portal en de app-embed in de thema-editor.
• Synchronisatiefout: controleer of in Integration de juiste myshopify.com-winkel is verbonden.
• Verkeerd formaat: controleer de eenheid in de varianttitel of pas de maat aan in de Portal.
• Twee kleuren lijken hetzelfde: geef elke variant een eigen foto en unieke SKU.
• Witte producten lijken grijs: stuur een contrastrijkere foto of een detailfoto van het materiaal.

Meer antwoorden over modelstatussen, eigen 3D-modellen en knoppen in je themastijl vind je in het Imersian Helpcentrum.

Geen Shopify?

Imersian werkt ook op eigen en headless winkels. Kies Custom (Headless) onder Integration. Ons team helpt het script en de product-ID’s toe te voegen.