Integratie mogelijkheden

Hieronder zijn de verschillende manieren waarop de configurator verder met een website geïntergreerd kan worden na het installeren.

Vooraf

Wanneer een configurator geinstalleerd wordt op een website wordt dit gedaan doormiddel van het installeren van een Javascript snippet. Deze snippet laadt de configurator in doormiddel van het inladen van een Javascript script.

Dit script heeft de volgende verantwoordelijkheden:

Inladen van de configurator in een iframe
Interactie bieden tussen de configurator en de website, dit wordt gedaan door middel van een postMessage API
optioneel: Onderdelen van de website aanpassen (denk aan blurren van de achtergrond)

Integratie mogelijkheden

Het snippet script introduceert een globale variabele reuzenpandaWidget met de volgende methodes wat gebruikt kunnen worden vanaf de website:

method call	parameters
`reuzenpandaWidget.load`	`reuzenpandaWidgetId`: Configurator UUID `rootClassname`: Class van bovenliggende parent in de body `mock`: Standaard false
`reuzenpandaWidget.open`
`reuzenpandaWidget.openAtProduct`	`productId`: Product UUID
`reuzenpandaWidget.showPage`	`page`: Pagina URL
`reuzenpandaWidget.configureWidget`	`widget`: Volledige Widget JSON volgens standaard
`reuzenpandaWidget.openWithAddedProduct`	`productId` `amount`: Hoeveelheid van het ingegeven product om toe te voegen

De configurator kan de volgende events sturen die afgevangen worden vanuit het snippet script:

event
`widget-loaded`
`update-dimension`
`open`
`close`
`clear-anchor`
`gtm-push`

Website installation Website integration