Share Status Page

This option lets you share the status of all the monitored components in real-time through widgets, URLs or snippets. Click the icon on the top right corner of the status page, and you'll see the following options:

• Custom Domain URL: Customized domain URL of your status page, for example, https://status.zylker.com.
• Subdomain URL: Co-branded URL of your status page, such as, https://zylker-status.site24x7signals.com
• RSS Feed URL: Use the RSS Feed URL and receive updates on the current status of Components. Here's a sample URL - https://status.zylker.com/rss
• iCalendar Feed URL: Use the iCalendar feed URL to receive status updates on upcoming maintenances in any calendar application of your preference. Here's an example of the shareable URL: https://status.zylker.com/ical
• iFrame Snippet: Share your status pages by embedding an iFrame snippet within the body tag of your HTML document.
• Status Widgets: Showcase the real-time status of your status page.

Status Widgets

Embed a graphical Status Widget on to your website to display the status for your users.

You can choose from any of the three widget types mentioned below:

• Basic: This simple widget displays the overall status on your website. Here's what a basic widget will look like,
  
• Badge: This widget lets you customize the status label and displays it as a prominent badge on your website.
  
  
  
  Note: The Basic and Badge widgets display the overall status of the components in your status page. If multiple components are facing downtime simultaneously, the one with the highest severity will be updated.


• Sticky: This is a floating widget and comes with the options to customize the way it is displayed. You can choose a position on your website to "stick" the widget and it will stay in position, even when the site is being scrolled. The sticky widget for maintenance will be shown 24 hours before a maintenance and during an ongoing maintenance. The sticky widget will appear only if there are any Active Incidents, or any upcoming maintenance. It will be hidden if all components in the status page are operational. This widget helps to convey incident information to your site's visitors.

How to include status widgets on your page

You can include status widgets on your page by following these steps:

1. Go to the StatusIQ client and open the status page for which you want to add the status widget.
2. Click the icon on the top right corner, and select Share.
3. In the Status Widget section, select the preferred widget type.
4. For the widget type Sticky, you can select the position of the widget and customize the colors as well.
   
   Note: By default, sticky widget colors will vary based on the severity. However, you can customize the widget colors for Incidents and Maintenance, by enabling the toggle button next to Customize Widget Colors to Yes.
5. The status widget code snippet will be generated based on your preferences. You can paste it into your HTML document by clicking the copy icon beside the code box. This. table lists the attributes used to customize status widgets:
   

   Attribute	Type	Supported widget type	Description
   src	String	All	Status page URL from which status is to be fetched and displayed.
   widget-type	String	All	Status widget layout type. Default value provided is basic.
   widget-text	String	Badge	Text to be displayed in the badge widget layout. Default text provided is Current Status.
   widget-position	String	Sticky	Position to place the widget in your page. Supported values are bottom-right (default position), bottom-left, top-right, top-left.
   widget-colors	String	Sticky	Custom colors for the widget. Values must be passed in JSON format. Supported fields: Incident text, incident background color, maintenance text & maintenance background color. Supported values are hexadecimal, rgb()/rgba(), hsl()/hsla(), Color Names. Example: {"incident_bg_color":"hsl(28, 80%, 52%)","incident_text_color":"white","maintenance_bg_color":"rgb(67, 139, 206)","maintenance_text_color":"#FFFFFF"}
   widget-refresh-interval	String	All	The frequency at which the widget updates the status from StatusIQ. Supported metric unit - milliseconds. Refresh interval - 5 minutes and upwards. Default value is 300000 milliseconds.

Watch a quick video on how you can customize widgets:

Browser Support for Status Widgets