Technisch

De viewer aansturen met embed-parameters

Stem de viewer af via URL-parameters: bepaal kleuren, camera, knoppen, hotspots en meer zonder code te schrijven.

Beschikbaarheid Basic Premium Enterprise
Belangrijkste functies

Alles wat je krijgt

Stijl & kleuren Bepaal modelkleuren, achtergronden en menu-styling.
Camera & AR Beheer rotatielimieten, zoom, AR-plaatsing en schaal.
Knoppen & menu's Toon, verberg en herkleur elke knop of menu.
Hotspots & overlays Schakel en style hotspots, overlays en tooltips.
Beschikbaarheid

Beschikbaar in jouw abonnement

Basic Inbegrepen
Premium Inbegrepen
Enterprise Inbegrepen
Vergelijk alle abonnementen

Achtergrond & Omgeving

  • background-color: Stelt de achtergrondkleur van de omgeving in
  • skybox: Schakelt de skybox achtergrond in (1) of uit (0)
  • skybox-height: Stelt de camerahoogte in ten opzichte van de vloer (in cm, mm of m)

Camera & AR

  • ar-placement: Stelt AR-plaatsing in op muur of vloer
  • ar-scale: Stelt AR-schaal in op vast of automatisch
  • auto-rotate: Schakelt automatische rotatie van het model in (1) of uit (0)
  • camera-orbit: Stelt de camerapositie in (horizontaal, verticaal, zoom)
  • camera-target: Stelt het punt in waaromheen de camera draait
  • disable-tap: Schakelt tikken voor het hercentreren van de camera in (1) of uit (0)
  • disable-zoom: Schakelt zoomen in (1) of uit (0)
  • max-camera-orbit: Stelt de maximale cameraorbitlimieten in
  • min-camera-orbit: Stelt de minimale cameraorbitlimieten in

Model Weergave

  • color: Stelt de standaardkleur van je model in
  • color-<group>: Stelt de standaardkleur van een onderdeel van je model in
  • custom-color: Stelt een aangepaste kleur voor je model in
  • custom-color-<group>: Stelt een aangepaste kleur voor een onderdeel van je model in
  • shadow-intensity: Stelt de dekking van de schaduw van het model in
  • shadow-softness: Stelt de zachtheid van de schaduw van het model in
  • cg-<group>: Stelt de standaard aanpassingsoptie in voor een aanpassingsgroep
  • ar-button: Toont of verbergt de AR-knop
  • color-button: Toont of verbergt de kleurknop
  • customize-button: Toont of verbergt de aanpassingsknop
  • customize-hotspots: Toont of verbergt de aanpassingshotspots
  • fullscreen-button: Toont of verbergt de volledig scherm-knop
  • information-button: Toont of verbergt de informatieknop
  • information-hotspots: Toont of verbergt de informatiehotspots
  • menu: Toont of verbergt het menu
  • menu-color: Stelt de kleur voor menuknoppen in (vulling en rand)
  • menu-fill-color: Stelt de vulkleur van menuknoppen in
  • menu-icon-color: Stelt de icoonkleur van menuknoppen in
  • menu-stroke-color: Stelt de randkleur van menuknoppen in
  • overlay-button: Toont of verbergt de overlay-knop
  • share-button: Toont of verbergt de deelknop
  • title: Toont of verbergt de modeltitel
  • title-color: Stelt de kleur van de modeltitel in

Hotspots

  • animation-hotspot-fill-color: Stelt de vulkleur voor animatiehotspots in
  • animation-hotspot-icon-color: Stelt de icoonkleur voor animatiehotspots in
  • animation-hotspot-stroke-color: Stelt de randkleur voor animatiehotspots in
  • customize-hotspot-fill-color: Stelt de vulkleur voor aanpassingshotspots in
  • customize-hotspot-icon-color: Stelt de icoonkleur voor aanpassingshotspots in
  • customize-hotspot-stroke-color: Stelt de randkleur voor aanpassingshotspots in
  • hotspot-fill-color: Stelt de vulkleur voor alle hotspots globaal in
  • hotspot-icon-color: Stelt de icoonkleur voor alle hotspots globaal in
  • hotspot-stroke-color: Stelt de randkleur voor alle hotspots globaal in
  • information-hotspot-fill-color: Stelt de vulkleur voor informatiehotspots in
  • information-hotspot-icon-color: Stelt de icoonkleur voor informatiehotspots in
  • information-hotspot-stroke-color: Stelt de randkleur voor informatiehotspots in

Tooltip

  • tooltip-background-color: Stelt de achtergrondkleur van tooltips in
  • tooltip-text-color: Stelt de tekstkleur van tooltips in

Animatie

  • autoplay: Schakelt automatisch afspelen van animatie in (1) of uit (0)

Veelgestelde vragen

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

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. Leer meer: Snel insluitbaar

Kan ik het uiterlijk van de online productconfigurator op mijn webshop aanpassen?

Ja, je kunt het uiterlijk van de viewer aanpassen om overeen te komen met de branding en het design van je webshop voor een samenhangende klantbeleving. Leer meer: Aanpasbare viewer

Kan ik de viewer aanpassen zonder te programmeren?

Ja, je stelt de viewer af met eenvoudige URL-parameters, waarmee je kleuren, camerastanden, knoppen, hotspots en meer aanstuurt, zonder programmeerkennis. Voor volledige controle is ook onze API beschikbaar.