Technisch

Uitgebreide documentatie

Uitgebreide handleidingen, parameters en codevoorbeelden om alles uit de Vulp 3D-configurator te halen.

Beschikbaarheid Basic Premium Enterprise
Belangrijkste functies

Alles wat je krijgt

Stapsgewijze handleidingen Van quick start tot geavanceerde setup, helder uitgelegd.
Elke parameter Een volledige referentie van alle URL-parameters en opties.
Codevoorbeelden Direct bruikbare snippets voor embedding en de API.
Altijd actueel De documentatie groeit mee met elke nieuwe functie.
Beschikbaarheid

Beschikbaar in jouw abonnement

Basic Inbegrepen
Premium Inbegrepen
Enterprise Inbegrepen
Vergelijk alle abonnementen

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
Duik in de documentatie Stapsgewijze handleidingen, parameters en codevoorbeelden om snel aan de slag te gaan.

Veelgestelde vragen

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

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.

Is er documentatie beschikbaar voor de Vulp configurator?

Ja, onze documentatie bevat uitgebreide handleidingen, parameters en codevoorbeelden, zodat zowel developers als niet-technische gebruikers het meeste uit de Vulp 3D-configurator halen.

Wat kan ik doen met de Vulp API?

Met de Vulp JavaScript API stuur en lees je de 3D-viewer aan vanuit je eigen code, zodat je diepgaande, op maat gemaakte integraties kunt bouwen, bijvoorbeeld door productconfiguraties te synchroniseren met je webshop, PIM-systeem of zelfs een fysiek demomodel. Leer meer