Documentatie

Het is onze missie om Vulp zo gebruiksvriendelijk mogelijk te maken voor onze gewaardeerde klanten, zowel tijdens de implementatiefase als voor de uiteindelijke gebruiker. Hoewel we streven naar intuïtief gebruik, begrijpen we dat een gedegen handleiding van onschatbare waarde kan zijn, vooral wanneer je optimaal gebruik wilt maken van de uitgebreide functies die onze 3D-configurator te bieden heeft.

Voor een diepgaande en gedetailleerde uitleg verwijzen we je graag naar onze uitgebreide documentatie op https://docs.vulp.studio.

Basis Integratie

Wij ambiëren de rol van de ‘YouTube’ voor virtuele producten, met als doel Vulp toegankelijk te maken voor een breed publiek, variërend van eindgebruikers tot eigenaren van webshops en websites. Om dit te vergemakkelijken, bieden we direct implementeerbaar script aan vanuit ons CMS:

<iframe
  src="https://vulp.studio/<customerId>/<modelId>/<lang>"
  allow="xr-spatial-tracking; fullscreen; web-share; clipboard-write"
  referrerpolicy="no-referrer-when-downgrade"
  width="600"
  height="400"
  frameBorder="0"
  title="vulp.studio"
></iframe>

Automatisch ingevulde waarden in de voorbeeldcode zijn onder andere de klantnaam (customerId), productnaam (modelId), en taal (lang).

Parameters

Geef de 3D-configurator volledig vorm door parameters aan de URL toe te voegen.

We categoriseren parameters in verschillende secties:

  1. Stijl van virtueel product
  2. Uitstraling van de Vulp-viewer
  3. Camera-instellingen
  4. Knoppen en overlays
  5. Animaties

Stijl van virtueel product

Vulp biedt een breed scala aan functies om jouw productcatalogus te presenteren. Via parameters in het Vulp-script kun je eenvoudig kleuren en materialen wijzigen, maar ook nieuwe kleuren toevoegen.

Kleuren voorbeeld

Pas ook de belichting van het product aan, inclusief reflectie, belichting en schaduw, door middel van parameters in de URL.

Uitstraling van Vulp-viewer

Geef de 3D-configurator de uitstraling die jij wenst, Stelt knoppen aan en uit, en pas de achtergrondkleur aan. Configureer knoppen naar de stijl van je website, inclusief tekstkleur, achtergrondkleur en rand.

Customize viewer voorbeeld

Pas teksten aan, stel je eigen Augmented Reality-bericht per product in, en selecteer de gewenste taal via de URL van het Vulp-iframe.

Extra productinformatie

Vulp is perfect geschikt om uitgebreide informatie over een product te verstrekken, of het nu op een landingspagina is of in een webshop. Via tekstuele hotspots kun je unieke verkooppunten in beeld brengen met tekst en afbeeldingen. Wil je de technische aspecten van je product benadrukken? Gebruik dan de lagen functie om alle dimensies duidelijk in 3D weer te geven. Activeer de lagen via parameters.

Lagen Voorbeeld

Camera-instellingen

Pas de positie van de camera aan ten opzichte van het 3D-model aan. Of het model nu vrij staat of tegen een muur hangt, jij bepaalt wat de kijker mag zien door middel van camera beperkingen op het gebied van rotatie, zoom en het startpunt van de camera.

Animaties

Vulp is een interactieve 3D-configurator. Naast de mogelijkheid om zelf met camerabewegingen aan de slag te gaan om het 3D-product vanuit alle hoeken te bekijken of het in je eigen omgeving te plaatsen met Augmented Reality, kun je ook animaties toepassen op het 3D-model zelf. Denk aan bewegingen om de binnenkant te bekijken in een ’exploded view’ of realistische bewegingen van je product. Bijna alles is mogelijk. Met Vulp creëer je je eigen interactieve 3D-animatie. Er zijn verschillende manieren waarop deze animaties kunnen worden geactiveerd, via knoppen, interactie met het 3D-product of automatisch. Geef via parameters aan wat de animatie moet doen.

Animatie Voorbeeld

Wij blijven voortdurend werken aan de ontwikkeling van onze 3D-configurator en voegen voortdurend nieuwe functies toe om de 3D-viewer geschikt te maken voor e-commerce, landingspagina’s of interactieve werkbeschrijvingen. Voor een gedetailleerde beschrijving van al onze functies, verwijzen we naar onze documentatie website: https://docs.vulp.studio.

Beschrikbare parameters

Parameter Omschrijving
Model opmaak
color Stelt de standaard kleur van het product in
color-<group> Stelt de standaard kleur van een ‘ color-group’ van het product
shadow-intensity Stelt de intensiteit van de vloer schaduw
Configurator opmaak
background-color Stelt de kleur van de achtergrond
menu-color Stelt de kleur van de menuknoppen
menu-fill-color Stelt de kleur van de achtergrond van de menuknoppen
menu-stroke-color Stelt de kleur van de rand van de menuknoppen
menu-icon-color Stelt de kleur van het icoon in de menuknoppen
hotspot-color Stelt de kleur van informatie hotspots
tooltip-background-color Stelt de achtergrondkleur van de ‘tooltips’
tooltip-text-color Stelt de tekstkleur van de ‘tooltips’
Camera
auto-rotate Bepaal of het product automatisch moet roteren
camera-orbit Stelt de startpositie van de camera in
camera-target Stelt het centreerpunt van de camera rotatie in
ar-placement Bepaal of het virtuele product aan de muur of op de vloer staat
min-camera-orbit Stel beperkingen in aan de camerabeweging
max-camera-orbit Stel beperkingen in aan de camerabeweging
disable-zoom Bepaal of je kunt in-/uitzoomen of niet.
disable-tap Bepaal of je kunt tikken om het rotatiecentrum van de camera te verplaatsen
ar-scale Bepaal of je het product kunt schalen in Augmented Reality
Knopen en overlays
menu Schakel het hele menu uit
color-button Schakel de kleur knop(pen) uit
overlay-button Schakel de overlay knop uit
hotspot-button Schakel de informatie-hotspot knop uit
title Schakel de titel/productnaam uit
hotspots Bepaal of hotspots zichtbaar zijn of niet bij het openen
Animatie
autoplay Bepaal of een animatie automatisch start bij het openen van Vulp

Veelgestelde vragen

Hoe werkt de Augmented Reality-functie?

Uitklappen
De Augmented Reality-functie stelt je in staat om het virtuele product in je eigen omgeving te bekijken met je mobiele apparaat. Door op een knop te klikken, kun je een levensechte weergave van het product in je eigen ruimte zien, wat je helpt om een beter geïnformeerde aankoopbeslissing te nemen. Deze functie werkt naadloos op zowel iOS- als Android-apparaten.

Wat maakt Vulp speciaal?

Uitklappen
De ontwikkeling van Vulp, een 3D-animatietool, werd gedreven door de groeiende vraag naar interactieve 3D-elementen op websites en beurzen. Het team van Foxmountain, bekend om hun expertise in het creëren van mooie en realistische 3D-animaties, ontwikkelde Vulp om aan deze behoefte te voldoen. Door gebruik te maken van de nieuwste technologie in WebXR, Augmented Reality en geavanceerde rendercapaciteiten, is Vulp niet alleen visueel verbluffend, maar ook duurzaam en toekomstbestendig.

Wat kost Vulp?

Uitklappen
De kosten van Vulp zijn verdeeld in twee delen: een abonnementsvergoeding om toegang te krijgen tot Vulps functies en virtuele producten op je website te bekijken, vanaf €6,99 per maand, en de kosten voor het creëren van een visueel aantrekkelijk 3D-product. Dit kan variëren van het creëren van een product vanaf nul, het gebruik van een technische tekening of een 3D-scan, vanaf ongeveer €100 per product. Het is echter het beste om contact op te nemen met Foxmountain voor een gedetailleerde offerte, aangezien de kosten kunnen variëren afhankelijk van het product.

Hoe kan ik de Vulp 3D Configurator integreren in mijn website of webshop?

Uitklappen
Het integreren van de Vulp 3D Configurator in je website of webshop is heel eenvoudig. Het werkt net zoals het insluiten van een YouTube-video. Je hoeft alleen maar de code van onze codegenerator te kopiëren en toe te voegen aan je platform, of dat nu WooCommerce, Shopify, Magento of anderen is. Er zijn geen coderingsvaardigheden vereist.

Is de Vulp 3D Configurator gebruiksvriendelijk voor niet-technische gebruikers?

Uitklappen
Ja, de Vulp 3D Configurator is ontworpen om gebruiksvriendelijk en intuïtief te zijn. Je hebt geen technische vaardigheden nodig om het te gebruiken. De interface is eenvoudig, en uitgebreide documentatie en ondersteuning zijn beschikbaar om je te helpen het meeste uit de configurator te halen.

Wat is de Vulp 3D Configurator en hoe werkt het?

Uitklappen
De Vulp 3D Configurator is een tool waarmee je je producten kunt personaliseren met realistische 3D-visuals. Je kunt kleuren, materialen en verschillende opties aanpassen om een uniek product te creëren. Het integreert naadloos in elke website of webshop en biedt een 360-graden weergave en augmented reality-ervaring zonder dat je een app hoeft te downloaden.

Moet ik een app downloaden om de Vulp 3D Configurator te gebruiken?

Uitklappen
Nee, je hoeft geen app te downloaden om de Vulp 3D Configurator te gebruiken. Het is een webgebaseerde tool waarmee je producten in 3D direct vanuit je browser kunt bekijken en ermee kunt interageren. Dit omvat het bekijken van producten in Augmented Reality op zowel iOS- als Android-apparaten.

Wat zijn de belangrijkste functies van de Vulp 3D Configurator?

Uitklappen
De belangrijkste functies van de Vulp 3D Configurator zijn onder andere integratie in elke website of webshop, 3D-animatie en interactie, meertalige ondersteuning, configureerbare productvariaties, aanpasbare kleuren, augmented reality, geen app-vereiste, volledige aanpassingsopties, API-beschikbaarheid, realistische materialen, schaduwen en verlichting, tekstuele hotspots, en een intuïtieve gebruiksvriendelijke interface.

Neem contact op

Foxmountain | Vulp

info@vulp.studio

+31 (0)617 375 018
De Stater 20
5737RV Lieshout
The Netherlands
X (Twitter) LinkedIn