Scroll Sites for Confluence

Let your help center visitors view your latest releases notes and roadmaps, published straight from Jira.

Scroll Sitesarrow-up-right is an Atlassian marketplace app by K15tarrow-up-right that allows you to transform Confluence pages into a public or restricted online help center for your users.

Released integrates with Scroll Sites through a native integration. Setting up this integration is a breeze and requires just a few simple steps, taking less than 2 minutes to complete.

Installation

circle-info

Pre-requisites

1

Get the Released Channel ID

Find the Channel ID for the portal you want to embed and note it down.

2

Navigate to the integrations section in Scroll Sites

  1. Open the theme configurator under Site Settings > Look and Feel > Customize theme.

  2. Click the Integrations tab.

3

Enable the Released integration

4

Enter the Channel ID

Enter the channel ID noted down in step 1 into the Channel ID field in the Released integration

5

Rename the header link (optional)

The Roadmaps and changelogs will be accessible via a link in the header. Change the link title to best match your use-case.

6

Save changes

Click Save changes and close the theme configurator.

7

Publish the site

In the Site settings screen, click Save changes or Publish Changes.

Congratulations, you're done 🎉

Roadmaps and posts published with Released will now automatically appear in your Scroll Sites help centre.


Legacy installation

These instructions apply to Scroll Viewport and are not applicable to the new Scroll Sites app.

1

Get the Released Channel ID

Find the channel IDarrow-up-right for the announcement page and note it down.

2

Create a placeholder page in Confluence

  • Create a page where you want the release notes to appear in your Sites documentation.

  • Give the page your preferred name, e.g. "Release Notes".

  • Leave the page empty and save.

3

Get the Confluence Page ID

Note down the Confluence Page ID from the URL (see screenshot below).

4

Add the custom JavaScript snippet to your Viewport theme

if (vp.source.confluencePageId === "PAGE_ID") {
  vp.loadScript('https://embed.released.so/1/embed.js').then(() => {
    document.getElementById("article-content").innerHTML = '<released-page channel-id="CHANNEL_ID" color-scheme="light" color-scheme="light" top-offset="80px" color-primary="#FFF"></released-page>'
  });
}
circle-info

Ensure you replace the Page_ID and CHANNEL_ID placeholders with the IDs noted in the previous steps.

Last updated

Was this helpful?