Changelog Widget
The changelog widget lets you embed your changelog into your website or app. So your users can view your changelog without having to leave your application.
How the changelog widget will look on your site
Add the following code anywhere inside </body> tag.
<script id="uservitals-changelog-loader" async src="https://widget.uservitalshq.com/changelog/loader.js"></script>
<script>
const script = document.getElementById('uservitals-changelog-loader');
script.addEventListener('load', (event) => {
UVChangelogWidget.init({
token: "{{YOUR WIDGET TOKEN}}",
align: "left", // Default: right - Alignment of the widget when opened
position: "bottom", // Default: bottom - Placement of the widget when element is clicked
});
});
</script>
The
data-uservitals-changelog attribute tells us which element is your button. Once the changelog is initialized, we will listen for clicks on elements with this attribute, to trigger the changelog to open.<button data-uservitals-changelog>
What's new
</button>
There are a few other customizations that you might want to make when embedding your changelog widget.
Parameter | Description |
|---|---|
position | The position parameter determines which side of the button the widget appears on. It can be set to left or right. |
align | The align parameter determines which side of the button the widget is aligned with. It can be set to top or bottom. |