# How to embed the widget

The new feature "Widget" allows you to integrate your changelog to any site. You can add the changelog through a small snippet.

The widget uses Tailwind CSS 2x and Remix Icons. So if you want a other icon and you do not have installed any other icon library, pleas use the Remx Icon library. You can find it [here](https://remixicon.com/).

You can find your user ID on the widget page in the sorrix dashboard.

**Here is the code snippet to integrate your widget to your site. Please do not replace "YOUR\_USER\_ID\_HERE" only USER-ID**

```
<script>
    window.YOUR_USER_ID_HERE = 'USER-ID'; // Please replace "USER-ID" with your real user Id
</script>
<script src="http://app.sorrix.com/widget/widget.js"></script>
```

**If you want to add a floating button in the right corner, add this button to your site**

```
<button id="modal-toggle" class="fixed bottom-6 right-6 p-3 bg-gray-600 text-white rounded-full shadow-lg hover:bg-gray-700 focus:outline-none">
    <i class="ri-megaphone-line text-lg"></i> What's New
</button>
```

**If you want to add it with your custom button, link, icon etc., please use the id. You can add it to anything to open the popup / modal.**

```
id="modal-toggle"
```