How customizable is statuspage?

[Jason Seib]

This is more of a pre-sales question but I recently saw Statuspage being used by another SaaS product and I love the idea of it.. I just have a different use case.

Our company is very active adding new features, our competitors say they are but really aren't so during the sales process we get a lot of pushback as to whether we actually deliver on that promise.

What I want to do is embed or place the statuspage operational indicator boxes at the top of the page and under that list our change log listing all our additions and who requested them which of course we'd manage completely separate from statuspage I just want to know if theirs some way for me to embed the indicator boxes vs having to build our own system.

[Pete Peterson]

It is very customizable. Granted, you will have to open the dev console in the browser of your choice and start learning the structure (class names, ids, etc.)

Once you know that, you can write some custom JS to pretty much move things how you like them, and the CSS to make it look how you want. For our page, we did things like minimize all of the displayed incident so they are stacked more neatly, then put in some box shadow hover effects. The custom JS made it so instead of clicking on the incident and having it display it in a separate window, we just set it as void and had it do a slide down / up reveal and hide of the incidents.

[Zach]

Hey Jason! 

I'm far from a web developer - but it's possible that you could move elements in the page using som Javascript (the below example for moving the components section is from our Customizations Cookbook - 

<script> 
$('.components-section').insertBefore('.unresolved- incidents'); 
</script>

Embedding information from other sites is a bit outside of my wheelhouse, but we have quite a few customers who have used things like iframes to show information from other webpages. Below are a couple webpages that could be some good inspiration depending on what you're looking to do - 

https://status.segment.com/

https://status.mypurecloud.com/

Hopefully this helps!