Documentation

It is our mission to make Vulp as user-friendly as possible for our valued customers, both during the implementation phase and for the end user. While we strive for intuitive use, we understand that a comprehensive manual can be invaluable, especially when you want to make the most of the extensive features that our 3D configurator has to offer.

For in-depth and detailed explanations, we invite you to consult our extensive documentation at https://docs.vulp.studio.

Basic Integration

We aspire to be the ‘YouTube’ for virtual products, aiming to make Vulp accessible to a wide audience, ranging from end-users to owners of webshops and websites. To facilitate this, we provide a directly implementable script from our 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>

Automatically filled values in the sample code include customer name (customerId), product name (modelId), and language (lang).

Parameters

Shape the 3D configurator fully by adding parameters to the URL.

We categorize parameters into different sections:

1. Style of virtual product
2. Appearance of the Vulp viewer
3. Camera settings
4. Buttons and overlays
5. Animations

Style of virtual product

Vulp offers a wide range of features to present your product catalog. Through parameters in the Vulp script, you can easily change colors and materials, and even add new colors.

Also, adjust the lighting of the product, including reflection, illumination, and shadow, through parameters in the URL.

Appearance of Vulp viewer

Give the 3D configurator the appearance you desire. Turn buttons on and off, and customize the background color. Configure buttons to match the style of your website, including text color, background color, and border.

Adjust texts, set your own Augmented Reality message per product, and select the desired language via the URL of the Vulp iframe.

Additional product information

Vulp is perfectly suited to provide detailed information about a product, whether on a landing page or in a webshop. Through textual hotspots, you can highlight unique selling points with text and images. Want to emphasize the technical aspects of your product? Use the layers function to clearly display all dimensions in 3D. Activate the layers through parameters.

Camera settings

Adjust the position of the camera relative to the 3D model. Whether the model is free-standing or against a wall, you determine what the viewer can see through camera constraints in terms of rotation, zoom, and the camera’s starting point.

Animations

Vulp is an interactive 3D configurator. In addition to the ability to manipulate camera movements to view the 3D product from all angles or place it in your own environment with Augmented Reality, you can also apply animations to the 3D model itself. Think of movements to view the inside in an ’exploded view’ or realistic movements of your product. Almost anything is possible. With Vulp, you create your own interactive 3D animation. There are various ways these animations can be activated, via buttons, interaction with the 3D product, or automatically. Specify through parameters what the animation should do.

We continue to work on the development of our 3D configurator, constantly adding new features to make the 3D viewer suitable for e-commerce, landing pages, or interactive work descriptions. For a detailed description of all our features, we refer to our documentation website: https://docs.vulp.studio.

Available parameters