The Uptime.com widget is designed to provide your visitors transparency about the uptime of your website. It conveys the uptime status of HTTP(S) Checks over the previous 30 day period as a percentage, and is useful for visitors that might otherwise query support. It’s also customizable to fit your needs.
To use the widget, you will need to be logged into your Uptime.com account, and your account must have one or more of the following:
- At least one HTTP(S) Check setup and actively monitoring (not paused)
- A Status Page
Customizing the Uptime.com Widget
Click on Reports followed by Uptime Widget to find the widget screen. Alternatively, you can navigate to a specific check, click on it for more details, then click on Install Widget.
There are a few options to customize that slightly alter the widget’s functionality.
First, use the Status Page / Check dropdown to designate the Status Page or Check that the widget will pull data from. Here are some useful links to create a Status Page, and an Overview of the Check Types offered by Uptime.com. The Widget can read data from a Private Status page, but cannot link to it.
Next, customize the color of the widget with the Theme dropdown menu. Options include light or dark theme.
Finally, use the Link to dropdown box to send new visitors to the Uptime.com homepage or redirect them to your Statistics Page for more details on your server status.
To send users to a Statistics Page, the following must be true:
- If using a Status Page, the page must be Public (Secured Public Status Pages are allowed)
- If using a Check, the Check must be Active (not paused)
Once fully customized, embed the included HTML code within the footer of your website.
Useful Tips and Final Thoughts
The Uptime.com widget supports a single decimal place and will round up. The Widget will report the rounded percentage, while the Dashboard, Check, or Status Page will report a more precise figure. For example, the Widget may display 99.7% but the Status Page may list uptime as 99.68%. In all cases, the more precise figure available is the most accurate representation of uptime.
You can add Incidents to your Status page that explain downtime events, upcoming maintenance and more. You can use the widget to link to this changelog for users who wish to review historical data on outages, changes and other incidents your team has responded to.
The widget reacts to downtime in real-time, so users and visitors always have the most up-to-date statistics on your most crucial server infrastructure.