Technical

Control the Viewer With Embed Parameters

Tailor the viewer through URL parameters: control colours, camera, buttons, hotspots and more without writing code.

Availability Basic Premium Enterprise
Contact us
Key features

Everything you get

Style & colours Set model colours, backgrounds and menu styling.
Camera & AR Control orbit limits, zoom, AR placement and scale.
Buttons & menus Show, hide and recolour any button or menu.
Hotspots & overlays Toggle and style hotspots, overlays and tooltips.
Availability

Available in your plan

Basic Included
Premium Included
Enterprise Included
Compare all plans

Background & Environment

  • background-color: Sets the background color of the environment
  • skybox: Enables (1) or disables (0) the skybox background
  • skybox-height: Sets the camera height relative to the floor (in cm, mm, or m)

Camera & AR

  • ar-placement: Sets AR placement to wall or floor
  • ar-scale: Sets AR scale to fixed or auto
  • auto-rotate: Enables (1) or disables (0) automatic rotation of the model
  • camera-orbit: Sets the camera position (horizontal, vertical, zoom)
  • camera-target: Sets the point the camera orbits around
  • disable-tap: Enables (1) or disables (0) tap to recenter camera
  • disable-zoom: Enables (1) or disables (0) zooming
  • max-camera-orbit: Sets the maximum camera orbit limits
  • min-camera-orbit: Sets the minimum camera orbit limits

Model Appearance

  • color: Sets the default color of your model
  • color-<group>: Sets the default color of a part of your model
  • custom-color: Sets a custom color for your model
  • custom-color-<group>: Sets a custom color for a part of your model
  • shadow-intensity: Sets the opacity of the model’s shadow
  • shadow-softness: Sets the bluriness of the model’s shadow
  • cg-<group>: Sets the default customize option for a customize group

Menu & Buttons

  • ar-button: Shows or hides the AR button
  • color-button: Shows or hides the color button
  • customize-button: Shows or hides the customize button
  • customize-hotspots: Shows or hides the customize hotspots
  • fullscreen-button: Shows or hides the fullscreen button
  • information-button: Shows or hides the information button
  • information-hotspots: Shows or hides the information hotspots
  • menu: Shows or hides the menu
  • menu-color: Sets the color for menu buttons (fill and stroke)
  • menu-fill-color: Sets the fill color of menu buttons
  • menu-icon-color: Sets the icon color of menu buttons
  • menu-stroke-color: Sets the stroke color of menu buttons
  • overlay-button: Shows or hides the overlay button
  • share-button: Shows or hides the share button
  • title: Shows or hides the model title
  • title-color: Sets the color of the model title

Hotspots

  • animation-hotspot-fill-color: Sets the fill color for animation hotspots
  • animation-hotspot-icon-color: Sets the icon color for animation hotspots
  • animation-hotspot-stroke-color: Sets the stroke color for animation hotspots
  • customize-hotspot-fill-color: Sets the fill color for customize hotspots
  • customize-hotspot-icon-color: Sets the icon color for customize hotspots
  • customize-hotspot-stroke-color: Sets the stroke color for customize hotspots
  • hotspot-fill-color: Sets the fill color for all hotspots globally
  • hotspot-icon-color: Sets the icon color for all hotspots globally
  • hotspot-stroke-color: Sets the stroke color for all hotspots globally
  • information-hotspot-fill-color: Sets the fill color for information hotspots
  • information-hotspot-icon-color: Sets the icon color for information hotspots
  • information-hotspot-stroke-color: Sets the stroke color for information hotspots

Tooltip

  • tooltip-background-color: Sets the background color of tooltips
  • tooltip-text-color: Sets the text color of tooltips

Animation

  • autoplay: Enables (1) or disables (0) animation autoplay
Dive into the documentation Step-by-step guides, parameters and code examples to get you up and running.

Frequently asked questions

How can I integrate the Vulp 3D Configurator into my website or webshop?

Integrating the Vulp 3D Configurator into your website or webshop is very simple. It works much like embedding a YouTube video. You just need to copy the code from our code generator and add it to your platform, whether it's WooCommerce, Shopify, Magento, or others. No coding skills are required. Learn more: Quick embedding

Can I customize the look and feel of the 3D product viewer on my webshop?

Yes, you can customize the viewer's appearance to match your webshop's branding and design aesthetic for a cohesive customer experience. Learn more: Customizable viewer

Can I customize the viewer without writing code?

Yes, you can tailor the viewer through simple URL parameters, controlling colors, camera angles, buttons, hotspots and more, no coding skills required. For full control, our API is also available.