Configurators
Sidebar-configurator voor producten met veel opties
Met de sidebar-configurator stellen klanten alle aspecten van een product overzichtelijk in. Voor een tafel kunnen ze bijvoorbeeld schakelen tussen de vorm, de rand, de kleur en het onderstel - allemaal in een overzicht. Het is de ideale oplossing voor producten met veel verschillende opties.
Live demo
Belangrijkste functies
Alles wat je krijgt
Meerdere manieren om opties te tonen
De sidebar biedt meerdere manieren om opties weer te geven, zodat je kiest wat het beste bij je product past.
- Dropdown-menu's
- Knoppen
- Sliders
- Afbeeldingen
Direct zichtbaar in 3D
Elke keuze die een klant in de sidebar maakt, is direct te zien op het 3D-product, zodat ze altijd precies zien wat ze bestellen.
Overzichtelijk bij veel opties
Groepeer opties in duidelijke categorieën, zodat klanten ook door een groot aantal keuzes overzichtelijk kunnen navigeren.
Producten met tientallen mogelijke combinaties, zoals vorm, rand, kleur, onderstel en maat, zijn in een gewone webshop lastig te tonen. Klanten moeten gokken welke combinatie mogelijk is, of nemen contact op met de klantenservice om dat uit te zoeken. De sidebar-configurator zet alle keuzes overzichtelijk naast het 3D-product, zodat elke combinatie meteen zichtbaar en te vergelijken is met de productconfiguratie zelf. Doordat klanten alle opties direct op het 3D-product zien voordat ze bestellen, hoeven ze minder te gokken en komt een bestelling minder vaak niet overeen met wat ze verwachtten.
Voorbeeld: een eettafel samenstellen
Voor een tafel werkt de sidebar-configurator als een volwaardige eettafelconfigurator. Zo verloopt het samenstellen van een eettafel met deze tafelconfigurator, aan de hand van de demo hierboven.
Opties in de sidebar
De klant kiest eerst de vorm van het tafelblad, gevolgd door de randafwerking. Daarna volgt de kleur van het tafelblad en, via een RAL-kleurenwaaier, de kleur van het onderstel. Elke keuze staat als aparte optie in de sidebar, zodat de klant nooit het overzicht kwijtraakt tussen de vorm-, rand-, kleur- en onderstelopties. Omdat elke optie een eigen plek in de sidebar heeft, is voor elke combinatie in één oogopslag duidelijk wat er precies gekozen is, ook bij een tafel met tientallen mogelijke varianten.
Direct zichtbaar in 3D
Iedere keuze in de sidebar wordt meteen op het 3D-model doorgevoerd, zonder dat de pagina herlaadt. Zo ziet de klant precies wat er wordt besteld, nog voor de configuratie is afgerond. Het resultaat is in 360 graden te bekijken en kan via augmented reality op ware grootte in de eigen ruimte worden geplaatst, bijvoorbeeld om te zien of de tafel qua maat en kleur past bij de rest van de eetkamer. Is de configuratie klaar, dan is deze met één link te delen, zodat een klant de gekozen tafel bijvoorbeeld kan voorleggen aan een partner voordat er wordt besteld. Dezelfde aanpak wordt bijvoorbeeld ook gebruikt in de meubelbranche, voor kasten en zitmeubels met veel varianten.
Configuratortypes
Wanneer kies je de sidebar-configurator?
Deze configurator is een van de vier configuratortypes van Vulp, en is de beste keuze zodra een product veel losse opties heeft die een klant in een overzicht moet kunnen vergelijken. De andere drie configuratortypes zijn gericht op andere situaties.
Sidebar-configurator
Veel losse opties in vaste categorieën, met alle keuzes in een overzicht. Ideaal voor producten zoals tafels met meerdere vorm-, rand-, kleur- en onderstelopties.
Personalization configurator
De nadruk ligt op het product zelf. Klanten personaliseren via hotspots direct op het 3D-model, met minder opties dan bij de sidebar.
Modular configurator
Voor producten die uit losse elementen worden opgebouwd, zoals banken of kastsystemen met uitbreidbare modules.
Implementatie
Hoe de sidebar-configurator werkt
De sidebar opzetten voor je webshop verloopt in een paar stappen, van 3D-model tot een werkende integratie in je webshop.
1
3D-model aanleveren of laten ontwerpen
Lever een bestaand 3D-model aan, of laat het 3D-model ontwerpen op basis van een technische tekening, foto’s of vanaf nul.
2
Opties en groepen inrichten
Richt in het Vulp CMS opties in per groep, zoals vorm, rand, tafelblad en onderstel, als dropdown-menu, knoppen, sliders of afbeeldingen.
3
Een stukje code in de webshop
Plaats de configurator met één stukje code op je site; dezelfde methode werkt ook in Shopify of WooCommerce.
4
Keuzes terug in je bestelproces
Lees via de Vulp API uit welke keuzes een klant maakt, en koppel die aan je bestelproces of PIM-systeem.
Voor eenvoudige aanpassingen volstaan URL-parameters zonder code: met ?sidebar=right of ?sidebar=left bepaal je bijvoorbeeld of de sidebar rechts of links van het product staat, en ook kleuren, camerastandpunt en zichtbare knoppen zijn zo in te stellen. Voor diepere maatwerkintegraties, bijvoorbeeld om de configuratie elders in je systemen te laten landen, is de volledige Vulp API beschikbaar. Eenmaal gemaakt werkt het 3D-model automatisch op web, Android en iOS, inclusief native augmented reality op beide mobiele platformen, zonder dat daarvoor een apart model per platform nodig is. De 3D-content wordt daarbij door Vulp gehost, zodat de viewer snel en betrouwbaar laadt, zonder dat je zelf serverinfrastructuur hoeft te beheren, en je beheert de opties zelf in het CMS, ook na livegang, zonder dat daar een developer voor nodig is. Dit maakt de sidebar net zo goed geschikt voor een enkel product als voor een assortiment dat na livegang blijft groeien.
Geschikt voor complexe assortimenten
Deze configurator is gebouwd voor assortimenten met veel varianten. Opties worden gegroepeerd, zodat een groot aantal keuzes overzichtelijk blijft, en de configurator ondersteunt meerdere talen voor internationale klanten, waaronder Nederlands, Engels, Duits, Frans, Spaans en Chinees. Voor kleuren werk je met gestandaardiseerde systemen zoals RAL, of met een eigen kleursysteem dat aansluit bij je merk, wat vooral van belang is voor fabrikanten die exacte kleurweergave nodig hebben.
Optiegroepen
6 talen
RAL-kleuren
Deze opzet is niet beperkt tot meubels: hetzelfde principe wordt bijvoorbeeld ook ingezet voor machines met veel technische varianten en voor producten in wonen en tuin met uitgebreide materiaal- en kleurkeuzes.
Veelgestelde vragen
Op welke manieren kan de sidebar productopties tonen?
De sidebar-configurator kan opties tonen als dropdownmenu's, knoppen, sliders of afbeeldingen, wat het beste bij jouw product past, zodat klanten in één overzicht elke keuze duidelijk zien.
Kan ik een tafel in 3D laten configureren op mijn eigen website?
Ja, dat kan. De sidebar-configurator wordt met een enkel stukje code aan je website of webshop toegevoegd, vergelijkbaar met het insluiten van een video. Dezelfde methode werkt ook in Shopify of WooCommerce; voor maatwerk gebruik je de Vulp API.
Leer meer: Snel insluitbaar
Hoeveel opties kan de sidebar-configurator aan?
De sidebar is gemaakt voor producten met veel opties. Keuzes worden gegroepeerd in duidelijke categorieën, zoals vorm, rand, kleur en onderstel, zodat klanten ook bij een groot aantal opties overzicht houden. Per groep kies je zelf hoe de opties worden getoond.
Leer meer: Productonderdelen variaties / configuraties
Werkt de sidebar-configurator ook op mobiel?
Ja, de 3D-viewer waar de sidebar deel van uitmaakt is volledig responsive en werkt op smartphone, tablet en desktop. Klanten bedienen de sidebar en het 3D-product met touch-gebaren, zonder dat daarvoor een app nodig is.
Leer meer: 360 graden viewer
Heb ik zelf een 3D-model nodig om te beginnen?
Nee, dat is niet verplicht. Het 3D-model kan ook voor je worden ontworpen, op basis van een technische tekening, foto's of vanaf nul. Heb je al een geschikt model, dan is dat ook te gebruiken.
Leer meer: Prijzen vanaf €9,99/mnd | 3D & AI Content
Is de sidebar-configurator beschikbaar in meerdere talen?
Ja, de Vulp-viewer, inclusief de sidebar, ondersteunt meerdere talen, waaronder Nederlands, Engels, Duits, Frans, Spaans en Chinees. Alle knoppen, meldingen en menu-onderdelen schakelen automatisch mee naar de gekozen taal.
Leer meer: Meertalig
Kan ik RAL-kleuren of een eigen kleursysteem gebruiken in de sidebar?
Ja, naast standaardkleuren ondersteunt Vulp gestandaardiseerde kleursystemen zoals RAL, zodat je exacte, professionele kleuren aan losse onderdelen koppelt. Ook een eigen kleursysteem is mogelijk.
Leer meer: Kleursystemen
Kan ik de sidebar-configurator koppelen aan Shopify, WooCommerce of mijn eigen systeem?
Ja, de configurator werkt via hetzelfde stukje code op elk platform, waaronder Shopify en WooCommerce, zonder aparte plugin. Voor koppelingen met je eigen systemen is de Vulp API beschikbaar.
Leer meer: Webshop-integratie