Installation

Kurz gesagt: Es gibt nichts zu installieren.

In Produktion

pixl rendert dein Custom Widget in einem isolierten iframe und injiziert das SDK automatisch. Dein Code kann direkt loslegen:

const overlay = new Pixl({ token: '__TOKEN__' });

Der Platzhalter __TOKEN__ wird beim Rendern durch den echten Widget-Token ersetzt.

Im Dev-Modus

Wenn du lokal mit einem eigenen Server entwickelst, bindest du das SDK selbst per Script-Tag ein:

<script src="https://pixl.lennox.zip/sdk/pixl.js?token=__WIDGET_TOKEN__"></script>

Den fertigen Copy-Paste-Snippet mit deinem Token zeigt dir der Editor, sobald der Dev-Modus aktiv ist. Details unter Dev-Modus.

Editor-Unterstützung

Der Monaco-Editor im Dashboard kennt die SDK-Typen und schlägt dir Methoden, Events und deine eigenen Settings-Keys per Autocomplete vor.