How to embed the Atlassian Status page on your community
As much as our organizations are trying to prevent incidents from affecting the service we’re offering, they cannot be entirely avoided. To keep customers informed about any performance issue of your product or service, you are probably using a Status page to which your customers are subscribed.
However, email inboxes can become quite busy and such a notification could get lost in there. Moreover, the community is at the centre of your communication with customers, so why not push any Status notification on the community automatically? In this tutorial, we’ll show you how.
How to embed the Atlassian Status page
Login to Status page admin environment
Navigate to Status Embed (In the Status Page admin environment from where incidents are created)
Pick an option to embed: default embed or a custom embed.
For the default embed, you can customise the position of the embed and the colours of the messaging.
Click “Copy code” (at the bottom of the page)
Login to inSided Control and navigate to Customization → Third-Party Scripts
Paste the code that you just copied into the After <Body> section, then click Save changes
Test that your status embed is deployed with the following steps
Open the community front-end
Right-click the page and click Inspect (Chrome)
Navigate to the tab Console
Paste the following code statusEmbedTest()Test the embed code in your Console
Are you using a different vendor for your Status page? Then we would love to hear from you if that vendor has the embed option as well, and how it’s being done. Maybe other community-owners are working with the same vendor → sharing is caring
Page 1 / 1
Nice! We’re going to try this out
Pick an option to embed: default embed or a custom embed.
For the default embed, you can customise the position of the embed and the colours of the messaging.
@Cristina What’s the difference between default embed and custom embed? It’s not clear from the description
Does inSpired use the custom or default embed?
OK, I managed to find the answer after our colleague from IT showed me the Atlassian backend (I didn’t have access myself).
For anybody interested, here is the difference.
Default embed is the one used by inSpired (and visible in this example).
Custom embed is the following:
@Cristina hope you can help with this, we integrated the status page and currently we have an update live for a long time (similiar to your updated regarding spam rules) and it pops up when i enter community and then i click X and it goes away BUT 5 minutes later it pops back up which is a bit too much is there any way to control the frequency of pop ups? Thanks!
Hi @Maayan K we have the same issue, and as you can see even inSpired has the same issue right now. Must be a problem on Atlassian’s side. I haven’t contacted them though.
Sorry to resurrect this, but I was unable to get this working because the community is HTTPS and the status page is HTTP. Is there a way to mark the HTTP address as considered safe in InSided?
Sorry to resurrect this, but I was unable to get this working because the community is HTTPS and the status page is HTTP. Is there a way to mark the HTTP address as considered safe in InSided?
Nevermind; I ended up finding a workaround by utilizing our statuspage.io subdomain. It looks like this: https://<subdomain>.statuspage.io/
Hi @Cristina -
Status.io also has an embeddable status widget. Have you seen this implemented on DH? I’m trying to implement it on our sandbox but no success yet.
@Cristina - I was able to get the Status.io embed code working. It’s subtle.
@Cristina - I was able to get the Status.io embed code working. It’s subtle.
@davetee Would you mind sharing how you made this work?
Hi @NovoTe ,
Here’s the most current embed code from Status.io. Below is how I implemented that code in Insided.
I added three blocks of code to show the Status.io notification in my top menu:
Block 1 is all the logic to decide what to show (Red, Yellow, Green icon)
Block 2 adds the CSS
Block 3 tells the browser where to put the code on the page. I used Javascript to add the status to the top menu. A less complicated alternative would be to add Status.io’s HTML to an HTML Widget. I included both options below.
Block 1: I added this code into Control > Customization > Third-party Scripts : Insert in <HEAD>
You’ll need to get the statusAPI value from the admin managing your Status.IO instance and add it to the code below. It looks like this :
Block 3: I added this code into Control > Customization > Third-party Scripts : Before </Body>
This injects the code that displays the status at the end of the top menu. Depending on the number of menu options you have, you may need to show the status somewhere else.
If you don’t want to mess with the Javascript, you can always add Status.io’s HTML to an HTML widget. This is in place of Block 2, not in addition to it.
If you ever had a profile with us, there's no need to create another one. Don't worry if your email address has since changed, or you can't remember your login, just let us know at community@gainsight.com and we'll help you get started from where you left.
Else, please continue with the registration below.