Hoe host je een 3D-model op je website

In de basis heb je drie dingen nodig: een 3D-bestand in GLB-formaat, een plek waar dat bestand gehost wordt en een viewer die het model toont aan je bezoekers.

Het GLB-bestand is je 3D-model, verpakt in een formaat dat browsers begrijpen. De hosting zorgt ervoor dat het bestand snel en betrouwbaar geladen wordt, bij voorkeur vanaf een server dicht bij je bezoeker. En de viewer is het stukje software dat het model in de browser rendert: je klanten kunnen het product van alle kanten bekijken, inzoomen op details en op mobiel zelfs in augmented reality in hun eigen woonkamer plaatsen.

Stel je voor dat je een mooie brochure hebt laten drukken. Je kunt die niet mailen door het papier in de envelop te stoppen, je hebt een digitale versie nodig en een manier om die te versturen. Met 3D is het vergelijkbaar: je hebt niet alleen het bestand nodig, maar ook de infrastructuur om het te tonen.

Dat kan, maar het is meer werk dan je misschien verwacht. Je uploadt het GLB-bestand naar je eigen server en gebruikt een JavaScript library om het in de browser te tonen. Tot zover klinkt het overzichtelijk.

In de praktijk loop je al snel tegen technische uitdagingen aan. Je server moet de juiste headers meesturen zodat browsers het bestand mogen laden. Zonder een netwerk van servers dat dicht bij je bezoekers staat, laden grote 3D-bestanden traag. Je moet zelf testen of de viewer goed werkt op iPhones, Android-telefoons, Chrome, Safari en alle andere combinaties. Augmented reality vereist een specifieke technische configuratie die per platform verschilt. En je hebt geen manier om te zien hoeveel mensen je modellen daadwerkelijk bekijken.

Als ondernemer wil je je producten zo mooi mogelijk presenteren en je richten op verkopen, niet op het werkend houden van techniek. Elke dag dat je besteedt aan het debuggen van je 3D-viewer is een dag dat je niet bezig bent met je klanten. Zelfs als je een developer in je team hebt, is het de vraag of je die wilt belasten met het onderhoud van iets dat je ook kant-en-klaar kunt afnemen.

Bij Virtualdisplay hoef je je niet druk te maken over servers, configuratie of browsercompatibiliteit. Je uploadt je model naar Portal en krijgt twee dingen: een embed code waarmee je het model op je website plaatst en een deelbare link die je via WhatsApp, mail of social media kunt versturen. De viewer werkt op elk apparaat, laadt snel en biedt automatisch AR aan op telefoons. In je dashboard zie je precies hoeveel mensen je modellen bekijken en hoe ze ermee omgaan.

Wat ons onderscheidt is dat je altijd weet wat je betaalt. Geen onverwachte kosten als je webshop groeit, geen duurdere tier als je meer bezoekers krijgt. Bij veel andere partijen betaal je per view, per interactie of per feature die je aanzet. Dat tikt snel aan en maakt het lastig om te voorspellen wat je kwijt bent.

De installatie is simpel: kopieer één regel code en plak die op je website. Of je nu WordPress, WooCommerce, Shopify of een eigen website hebt, het werkt overal waar je HTML kunt plakken.

Met Portal gaat dat in drie stappen:

1. Meld je aan en upload je GLB-bestand. Portal verwerkt het model automatisch en optimaliseert het voor het web.
2. Kopieer de embed code. Dat is één regel HTML die je in elke website kunt plakken.
3. Plak de code op je productpagina. In WordPress doe je dat met een HTML-blok, in Shopify via de theme editor en in WooCommerce op de productpagina.

Je bezoekers kunnen het product direct van alle kanten bekijken en inzoomen op details. Op een telefoon verschijnt er een AR-knop waarmee ze het product in hun eigen woonkamer kunnen plaatsen. Zonder dat ze iets hoeven te installeren.

Portal kost €50 per maand voor tot en met 25 modellen. Geen extra kosten per bezoeker en geen limieten op het aantal keer dat je modellen bekeken worden. Heb je meer nodig? Dan breid je uit per blok van 25 modellen.

Niet iedereen heeft al een GLB-bestand klaarliggen. Met AI-tools zoals Microsoft Copilot 3D kun je zelf experimenteren: je maakt gratis een 3D-model van een productfoto. Het resultaat is niet altijd perfect, maar het is een laagdrempelige manier om te ontdekken wat 3D voor je producten kan betekenen. Wil je een professioneel resultaat? Neem contact met ons op, wij maken fotorealistische 3D-modellen vanuit je productfoto's.