Showrooms

Een showroom is een 3D-scène waarin je producten naast elkaar staan, klaar om doorheen te lopen en te configureren. De bezoeker klikt een product aan in de scène, configureert het in een paneel en zet het in de winkelwagen — zonder de showroom ooit te verlaten. Eén showroom bevat één scène plus een lijst producten, elk met een eigen paneel, plaatsing en samenstellingen.

Waar je het vindt

Manager → Configuraties → Store.

De lijst toont elke showroom van je bedrijf. Elke regel toont de naam, het aantal pagina's en componenten, en een verkort ID. Het zoekveld filtert op naam of ID; Cmd/Ctrl + K springt ernaartoe. Showroom toevoegen maakt een lege showroom en opent die in de editor.

Elke regel heeft vier acties:

Actie	Wat het doet
Preview openen	Opent de live showroom in een nieuw tabblad, precies zoals je bezoeker hem ziet.
Previewlink kopiëren	Kopieert diezelfde URL naar je klembord — de link die je deelt of insluit.
Dupliceren	Maakt een volledige kopie onder de naam <naam> (kopie). Doe dit vóór een grote wijziging.
Bewerken	Opent de showroom-editor. Klikken op de regel zelf doet hetzelfde.

Melden preview en link Preview niet beschikbaar of Link niet beschikbaar, dan is er voor deze omgeving geen showroom-URL geconfigureerd. Dat is een omgevingsinstelling, niet iets in de showroom zelf — meld het bij ons.

De editor

De showroom-editor heeft drie kolommen: links de structuur van de showroom, in het midden de live preview, en rechts de instellingen van wat je hebt geselecteerd. Alles wat je wijzigt, zie je meteen terug in de preview.

In de bovenbalk:

• Desktop / Mobiel wisselt het previewformaat. Dit verandert alleen de preview, nooit de showroom.
• De taalkiezer bepaalt in welke taal je teksten bewerkt.
• Preview openen opent de echte showroom in een nieuw tabblad.
• Verwerpen draait alles sinds de laatste opslag terug.
• Opslaan bewaart de showroom en de producten die je erin hebt bewerkt; Ctrl/Cmd + S doet hetzelfde.
• Publiceren zet de ontwikkelversies van de producten in deze showroom live. Je ziet eerst welke producten live gaan en welke worden overgeslagen (geen ontwikkelversie). Niet-opgeslagen wijzigingen worden eerst opgeslagen.

De balk onderaan toont of de preview Verbonden is, een label Niet opgeslagen als je niet-opgeslagen wijzigingen hebt, en het aantal problemen in de winkeldefinitie, als die er zijn.

De structuur

De boom links bestaat uit drie delen:

Onderdeel	Wat het is
Producten	De producten in de showroom, elk met zijn kaarten eronder. Sleep producten of kaarten om de volgorde te wijzigen.
Winkeldefinitie	De showroombrede stappen van het paneel. Zie Winkeldefinitie.
Pagina's	Showroom en Winkelwagen. Klik er één aan om die pagina in de preview te tonen.

Klik bovenaan de boom op de naam van de showroom om terug te gaan naar de winkelinstellingen.

Winkelinstellingen

Veld	Wat het doet
Naam	De naam in de lijst. Alleen intern — de bezoeker ziet hem nooit.
Prijzen tonen	Toont of verbergt alle prijzen in de hele showroom. Uit is handig voor een showroom die puur inspiratie is.
Standaardtaal store	De taal waarin de showroom opent: NL, EN, DE of FR.
Scene URL	Het adres van de 3D-scène die de showroom laadt. Zonder dit blijft de showroom leeg.
Inzending	Onder Offerte: naar welke inzending de showroom zijn winkelwagen stuurt. Geen inzending betekent dat er niets verstuurd wordt. Bewerken brengt je naar je inzendingen.

De inzending bepaalt wat er gebeurt als een bezoeker zijn winkelwagen afrondt: welke mail eruitgaat, welke webhook afgaat, wat er in de offertes terechtkomt. Zie Inzendingen & uitvoer.

Producten

Dit is het hart van de showroom: één paneel per product. Elk product mag één keer voorkomen.

Product toevoegen (onder Producten in de winkelinstellingen) opent een zoeklijst met je producten; kies er één en het wordt aan de showroom toegevoegd en geopend.

Selecteer je een product in de boom, dan bewerk je het hier in de showroom: de stappen van het product verschijnen onder de showroomboom en in de bovenbalk verschijnt het tabblad Product, net als in de Producteditor. Je bewerkt altijd de ontwikkelversie; de live versie blijft ongewijzigd tot je publiceert. Een product zonder ontwikkelversie krijgt het label Alleen lezen — klik op Ontwikkelversie maken om het te gaan bewerken.

Per product stel je daarnaast in:

Instelling	Wat het doet
Paneltitel	De kop boven het configuratiepaneel. Leeg betekent de productnaam.
Tekst	Een rich-text-veld voor de tekst die de bezoeker naast het product leest.

De verwijderknop bovenaan de productinstellingen haalt het product uit de showroom (klik twee keer om te bevestigen). Het product zelf blijft ongemoeid.

Kaarten

Onder een product toont de showroom kaarten: kant-en-klare varianten die de bezoeker met één klik kiest in plaats van alles zelf samen te stellen. Elke samenstelling van het product die in de showroom getoond wordt, verschijnt hier automatisch. Per showroom kun je:

• de volgorde wijzigen met Omhoog verplaatsen / Omlaag verplaatsen, of door de kaarten in de boom te slepen;
• een kaart alleen in deze showroom verbergen met de oogknop; een verborgen kaart krijgt het label Verborgen.

Samenstelling op de spot kiest de samenstelling die op de plek van het product in de scène staat. Die kaart blijft altijd zichtbaar. Bestaat die samenstelling niet meer, dan toont het veld Niet meer beschikbaar — kies een andere of Geen.

Winkeldefinitie

De winkeldefinitie bevat stappen die voor de hele showroom gelden in plaats van voor één product, bijvoorbeeld een keuze die meerdere producten delen. Heeft de showroom nog geen definitie, klik dan op Definitie aanmaken. Daarna bouw je de stappen in de boom onder de showroomboom, net als bij een product. Features met dezelfde Groep delen hun waarde in de hele winkel.

Met de definitie geselecteerd stel je ook de Navigatie van de paneelstappen in: de Positie en de Stapnavigatie. Volgt bedrijfsstijl gebruikt de instelling uit je bedrijfsstijl.

Bevat de definitie fouten, dan staan die boven de instellingen en wordt de definitie pas opgeslagen als je ze hebt opgelost.

Gevarenzone

Verwijderen haalt de showroom definitief weg. De producten zelf blijven ongemoeid; alleen de showroom verdwijnt.

Werkvolgorde

1. Zet de Scene URL en de Standaardtaal store, en sla op. Zonder scène valt er niets te zien.
2. Voeg de producten toe die in de scène horen, en geef elk een Paneltitel waar de productnaam niet volstaat.
3. Controleer per product de kaarten: zet de varianten die je het meest verkoopt bovenaan en verberg wat hier niet thuishoort.
4. Koppel een inzending, zodat een afgeronde winkelwagen ook echt bij je binnenkomt.
5. Klik met Preview openen één keer als bezoeker door de showroom heen.
6. Publiceer zodra de producten die je hebt gewijzigd live mogen.

Tips

• Dupliceer vóór een grote verbouwing. Een kopie kost één klik en houdt een werkende versie achter de hand.
• Houd paneltitels kort. Ze staan boven een smal paneel; een lange titel loopt door.
• Verberg een samenstelling overal via de samenstellingenpagina. Een kaart verbergen in de editor geldt alleen voor deze ene showroom.
• Zet prijzen uit voor een inspiratie-showroom. Eén schakelaar, en dezelfde showroom dient een ander doel.

Verder lezen

• Samenstellingen — de kant-en-klare varianten die als kaarten in een showroom verschijnen
• Producteditor — de producten bewerken die je in een showroom opent
• Inzendingen & uitvoer — wat er met een afgeronde winkelwagen gebeurt
• UI-editor (ontwerp) — de styling van de configuratiepanelen
• Prijsbeheer — de prijzen die de showroom toont