> For the complete documentation index, see [llms.txt](https://wiki.ls.skeepers.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wiki.ls.skeepers.io/features/live-now-widget.md).
# Live now widget
Display a widget on any page when a live is ongoing. It will display the live event cover and title, and a button to join the live.
You can add this code to as many pages as you want this widget to appear when a live is ongoing. Nothing will be shown when no live are happening.
```js-templates
//
```
| Property | Description | Type |
| ------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- |
| `storeId` | Use your unique store id provided by Skeepers, if you have multiple websites, the id can be different | String |
| `customColor` | Color of the button "Join the live" | #XXXXXX |
| `position` | Widget position, one of the four screen corner:
bottom-right
bottom-left
top-right
top-left
| String |
| `useDefaultStyles` | set this to `false` if you want to implement your own CSS | Boolean |
| `ctaTitle` | Change the text of the "join the live" button | String |
| `badgeTitle` | Text of the "live" badge | String |
| `displayTimeAfterClosing` | Hiddle time after closing the widget, in seconds | String |
| `staging` | To activate on your testing platform : `staging: true`. It will fetch your events in live and set as `staging`. Remove this attribute on your production or deactivate it with `staging: flase` | String |
{% hint style="info" %}
**You can insert this snippet:** In the `` tag In the `` tag, by replacing the line `document.body.appendChild(el);` with `document.head.appendChild(el);`
{% endhint %}