Technisch

3D-viewer embedden met één regel code

Voeg de 3D configurator toe aan elke website of webshop met één regel code, of ga verder met onze krachtige API.

Beschikbaarheid Basic Premium Enterprise

Neem contact op

Belangrijkste functies

Alles wat je krijgt

Eén regel code Embed de configurator net als een YouTube-video.

Standaard HTML of API Gebruik de kant-en-klare embed of stuur hem vanuit je eigen code.

Alle apparaten & browsers Werkt op desktop en mobiel in elke moderne browser.

Geen extra software Niets te installeren voor jou of je klanten.

Beschikbaarheid

Beschikbaar in jouw abonnement

Basic Inbegrepen

Premium Inbegrepen

Enterprise Inbegrepen

Vergelijk alle abonnementen

Met één regel code integreer je de 3D configurator in je webshop of website. Gebruik onze standaard CSS en HTML of maak je eigen ontwerp met onze uitgebreide API.

Vulp’s 3D configurator ondersteunt alle moderne browsers en devices. Het werkt zowel op desktop als op mobiel, zonder dat er extra software geïnstalleerd hoeft te worden.

Wanneer gebruik je wat?

Gebruik de standaard HTML wanneer je snel en eenvoudig de configurator wilt tonen zonder extra functionaliteit
Gebruik de API wanneer je:
- De configurator wilt aansturen vanuit je eigen code
- Wilt reageren op veranderingen in het model
- Eigen interface wilt toepassen
- Geavanceerde integraties nodig hebt

Standaard HTML

 <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>

Voorbeeld API verbinding

// Importeer Vulp API
import('https://api.vulp.studio/v1/api.js')
	.then(async ({ VulpApi }: { VulpApi: VulpApiType }) => {
		// Initialiseer de API 
		await VulpApi.initialize();

		// Registreer een Model
		const model = await VulpApi.registerModel(
			document.querySelector('iframe') as HTMLIFrameElement,
		);

		model
			.onReady(({ model, view, apiVersion }) => {
				// Model is klaar om commando's te ontvangen

				// Voorbeeld verzend opdrachten
				const { activated } = await model.activateAr();

				// Voorbeeld haal informatie op
				const { model } = await model.getModelConfig();
			})
			.onModelUpdated(({ model }) => {
				console.log(model);
			});
	})
	.catch(err => {
		console.error(err);
	});

Duik in de documentatie Stapsgewijze handleidingen, parameters en codevoorbeelden om snel aan de slag te gaan.

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.

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. Leer meer

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. Leer meer