Extensions

Server status

 

This extension for your Zendesk Guide knowledge base integrates with statuspage.io The extension displays different colored indicators for different outage types (critical, major, minor, and none).

  1. Unpack the downloaded zip file. There will be 3 files:

    • status-widget-min.css
    • status-widget-min.js
    • Readme.txt

  2. In Guide, click on the Customize design icon in the sidebar. The Theming center page opens.

  3. Click the theme you want to edit to open it.

  4. Click the Edit code button.

  5. In the Assets section, click Add asset, then browse to select your files.

    Select the *.js, and*.css files from the unpacked zip. The files are added to your list of asset files.

  6. In your theme code configuration page under the templates directory, click the document_head.hbs file.

  7. In the document_head.hbs file, paste the following snippet: 
    <link rel="stylesheet" href="{{asset 'status-widget-min.css'}}" />

  8. In your theme code configuration page under the templates directory, click the footer.hbs file.

  9. In the footer.hbs file, paste the following snippet: 
    <script src="{{asset 'status-widget-min.js'}}"></script>
  10. Add the following snippet in the place where you want to display the extension: 
    <a class="js-status-widget" href="YOUR_LINK">System Status</a>
    Replace YOUR_LINKwith your the URL of your statuspage.io page.

  11. Click Publish. The Server Status extension is displayed in the desired place.