By default, the ReleasePad widget renders as a vertical side tab docked to the right edge of the screen. You can move it to the left, customize the label text, or switch it to a circular bubble.

Choose left or right

Use widget-position to control which edge the tab docks to:

<!-- Right edge (default) -->
<div id="rp-token"
     data-param="YOUR_TOKEN"
     lang="en"
     widget-style="tab"
     widget-position="right">
</div>

<!-- Left edge -->
<div id="rp-token"
     data-param="YOUR_TOKEN"
     lang="en"
     widget-style="tab"
     widget-position="left">
</div>

The tab automatically adjusts its rounded corners and text direction based on which side it’s on.

Customize the label

The default label text is “What’s new”. Change it with widget-label:

<div id="rp-token"
     data-param="YOUR_TOKEN"
     lang="en"
     widget-style="tab"
     widget-position="right"
     widget-label="Updates">
</div>

If your product’s UI is in Spanish, you can also set the widget language with the same snippet.

Complete example

Here’s a full snippet with all three attributes:

<div id="rp-token"
     data-param="YOUR_TOKEN"
     lang="en"
     widget-style="tab"
     widget-position="left"
     widget-label="Changelog">
</div>

<script type="text/javascript"
        src="https://widget.releasepad.io/releasepad-bundle.js"
        charset="utf-8">
</script>

<link rel="stylesheet" href="https://widget.releasepad.io/releasepad-bundle.min.css">

Switch to bubble style

If you prefer a circular button instead of a tab, set widget-style="bubble":

<div id="rp-token"
     data-param="YOUR_TOKEN"
     lang="en"
     widget-style="bubble">
</div>

In bubble mode, widget-position and widget-label are ignored.

If neither the tab nor the bubble fits your design, you can attach the widget to any HTML element — a nav item, button, or link — or override the button styling entirely so it inherits your app’s CSS.

Need more help?

Can't find what you're looking for? Our team is happy to help you get set up.

Contact support