Comment on page
Embed announcements into your website or documentation
The announcement page enables you to integrate release notes seamlessly into your website or documentation. You can maintain your existing website header and footer, ensuring a consistent user experience across your site.
To add the announcement page to your website, simply follow the installation instructions in the app.
- Navigate to the Released Settings in your Jira project
- Click the Announcement Page menu item.
- Click the Install button at the bottom of the sidebar.
- Follow the installation instruction in the slide out panel.
You can overwrite the configured styles and settings of the page by adding custom properties to the embed code. This allows for customizing the styling when embedding the page in different locations.
When a setting is configured via the properties below, it can no longer be customized via the UI settings.
The properties are specified as attributes within the
<released-page>custom HTML element.
Embed code with pre-populated Channel ID
To notify users about the availability of a new post, you can enhance the user experience by incorporating a notification badge on the link or button leading to the announcement page. This badge functions similarly to the notification badge found in the widget.
The notification badge let's users know when a new update is available.
Follow the Installation instructions and copy the code for the badge.
It's best to place the
<release-badge>element inside the
<a>tag when adding the badge to a link.
<a href="/changelog" class="nav-link">What's New? <released-badge channel-id="CHANNEL_ID"></released-badge></a>
You can adjust the position of the badge by styling it with CSS. We recommend two options:
- Use the margin property to adjust the position
- Use the transform property to adjust the position
margin-right: -8px; // example with margins
transform: translate(50%, -50%); // example of transform