Wat de webshop plaatst
Eén div en één script. De configurator draait in een eigen iframe, laadt pas als hij in beeld komt en praat via events terug met de pagina.
<div data-bst-configurator
data-src="/configurator/hottub-configurator.html"
data-config="shape=round&size=212&led=1"
data-height="880"></div>
<script src="/configurator/hottub-embed.js" defer></script>
Wat de pagina terugkrijgt
Prijs, specificaties en de complete samenstelling — hier gebruikt om het prijsblok, de spectabel en de winkelwagen te vullen.
el.addEventListener('bst:change', e =>
setPrice(e.detail.prijs));
BSTConfigurator.setConfig(el,
{liner:'ocean', led:true});