Status pages

Creating a status is a matter of few clicks.

1. Navigate to Status pages in the navigation bar and click on the Create status page button

2. Select your page type, ilert URL and the teams that should manage the status page.

3. Select the services that you would like to include in the status page. You can also create new service and add them to the status page from the drop down list.

4. Optionally add your own logo and fav icon and click on Save.

5. Click on the Visit status page button to preview your status page. Once you are satisfied with your status page, click on the Activate button to make your page available and viewable to your users.

Status Page Layout Options

Service groups let you group related services together on a status page. This allows users to quickly see the overall health of a system and identify any issues that may be impacting multiple services.

Below is an example service group from our status page. When the service group is collapsed, it shows a combined status and uptime graph. When the service group is expanded, it shows the status and uptime graph for each service individually. The overall status of multiple services in a service group is calculated by taking the status of the service with the highest impact. Similarly, the uptime percentage and outage graph is calculated by combining the outages of all services.

To create a service group

  1. Navigate to the status page for which you want to create a service group

  2. Go to the Services tab.

  3. Click on the Create service group button and give it a name.

  4. You can add services to the service group during creation or later in the by dragging and dropping services into the group

Use the following settings on a service group and service to further customize how they appear on your status page:

  • Expand group on page: Activate this option if you want to expand the entire service group by default on your status page

  • Show uptime history: Activate this option if you want to show the service's historical uptime and its SLA

Services layout: single vs responsive columns

You can choose between two layout options for displaying services on your status page.

  • Single column presents items in a vertical list.

  • Responsive columns arranges items in a grid with up to 3 columns that adapts to your screen size.

Single columnResponsive columns

To change the service on a status page

  1. Go to Status pages and click on the status page you want to change its layout

  2. Click on the Services tab

  3. Select your layout option and click save

Public vs. private status pages

Status pages in ilert can either be private or public. You can change the page type at any time. The table below compares both pages types:

Public pagePrivate page

Use case

For public incident communication with external users and customers

For private incident communication with employees and customers that either have an ilert account or a whitelisted IP address. Note that a stakeholder license is sufficient to view status pages.

Visibility

Publicly visible on the internet

Visible to authenticated ilert users only or to users with whitelisted IP addresses

Supports custom domains with SSL

Supports IP Whitelist

Update the status of your status page

The status of your status page is automatically updated whenever

  • the status of a service that is included in the status page is updated (e.g. by setting a service to Degraded)

  • an incident is created that affects any of the services from your status page

--> How to create an incident

Automation with alert sources

You can automatically update your status page in the following ways:

  • Automatically update the status of a service (for example, set the status to Degraded)

  • Automatically create an incident on your status page using an incident template and (optionally) notify subscribers

Both cases work by using a service's automation rules. See -> Services: automation with alert sources for more information.

Setting up your custom domain

Every status page (both private and public) comes with support for custom domains, so that you can make your status page accessible from your own subdomains (e.g. status.example.com).

Setting up a custom domain consists of the following steps:

  1. Set the custom domain in ilert

  2. Configure DNS

  3. Wait for the changes to take effect

1. Set the custom domain in ilert

Go to your status page settings, enter a custom domain, and click Save.

2. Configure DNS

Configuring DNS happens outside of ilert, at the DNS provider you are using for your domain.

  1. Create a new DNS record and select CNAME as the record type

  2. Enter the name for the CNAME record. The name or DNS entry is where you enter your subdomain. You might need to enter it in full (e.g. status.example.com) or you might just need to enter the part before your apex domain (e.g. status). If you're not sure which to use, check with your DNS provider.

  3. Enter the ilert URL of your status page as the value for the CNAME record. The target or value or destination is where the subdomain should be pointed. Taking the screenshot from above as an example, you would need to enter ilert-demo.ilert.io .

You might also see a field named TTL, which stands for Time To Live. It's the number of seconds that the DNS record can be cached for. If you're not sure what to set, look at the TTL for your existing DNS records. You could set the same number. If you're still not sure, we suggest setting 43200 seconds (12 hours) or 86400 seconds (24 hours).

Are you using Cloudflare?

Whenever possible, please turn off Cloudflare proxying (the orange cloud, also called "Proxy status" in your domain settings) to ensure that your status page is served without issues and can be monitored by ilert.

3. Wait for the changes to take effect

You might need to wait 1-48 hours for the DNS changes to take effect. This depends on the TTL setting of your DNS record and the time it takes until the DNS change is propagated throughout the internet.

Embed the status of your status page on your website

Communicate incidents to your users right where they are using your service: on your website or web app.

To embed the status of your status page in your web app or website, you can use ilert's floating status widget or status badge. The status page widget will only be visible if there is an ongoing incident or scheduled maintenance and will be hidden if all services are operating normally. The status widget will always be visible and show the overall status of your status page.

To configure your status page floating widget:

  1. Go to Status Pages

  2. Click on the Status Page where you would like to configure the widget

  3. Click on the Status embed tab

  4. Select Floating widget

  5. Configure your widget by choosing your colors and widget position, copy the generated snippet code.

  6. Paste the generated code snippet from step 4 into the <head> section of your target page.

  7. Test the widget by creating a test maintenance window or incident.

Making changes to your widget

Changes to your status page will not propagate automatically to your pages. You need to update the code snippet in your target for any changes to take effect.

The localization of the widget will be automatically detected using the viewer's browser language. If you want to set the language to a fixed setting, you can optionally provide the query parameter &lng=en or &lng=de to the scripts already existing parameters.

FAQ

We are a managed service provider and would like to use multiple status pages to communicate incidents to different customers with private pages without exposing data between customers. Is that possible?

Yes. Our Premium plan even gives you unlimited stakeholder licenses. That way, you can invite as many customers as you need without requiring a full license.

To isolate customers from each other, we recommend the following approach:

  1. Create a team for every customer and make the team private

  2. Invite your customer to ilert choosing the Stakeholder role

  3. Add the customer to the respective customer team.

  4. Assign the status page to the respective customer team.

I have set my status page to Public, but it's still not accessible from the internet. What am I missing?

You probably forgot to activate your status page. Once you are satisfied with your status page, click on the Activate button to make your page available and viewable to your users.

Can I make a status page accessible for certain IP addresses or IP ranges only?

Yes, create a private status page and configure an IP whitelist in the status page settings.

Can I export a list of status page subscribers?

Yes. To export a CSV file of your status page subscribers, go to Subscribers tab in Status Page Settings and click "Download subscribers" button in the upper right corner.

Last updated