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>

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.

Need more help?

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

Contact support