← Docs

Embedding the widget

Two placements, one bundle, and the five values it reads from your page.

The widget is one script. What changes between installs is a handful of attributes on the tag.

Placements

Inline renders the board where the tag sits — good when you have a page or a panel to give it.

Launcher adds a button in the corner that opens the board over your page. Use it when there is nowhere sensible to put a board, which is most marketing sites.

Pointing at one board

With several boards, add data-nolby-board so a snippet shows the product whose site it is on. Leave it off and the visitor chooses.

Theming

The widget reads its colours from CSS custom properties on your page, so it inherits your palette rather than arriving with ours. Set --nolby-primary and it will use it.

These are a published contract: we will not rename them, and the Install screen shows the current values so you can check what the widget is reading before you ship.