Creating a Status Page

This guide walks you through creating your first status page from scratch.

Step 1: Create a new page

1. Go to Status Pages in the sidebar
2. Click "+ New Status Page"
3. Fill in the basics:

Field	Example	Notes
Name	Acme Status	Internal name, not shown publicly
Page title	Acme System Status	Shown at the top of your public page
Subdomain	acme	Your page will live at acme.alertifypro.com
Visibility	Public / Private / Password	Who can see the page
Timezone	America/New_York	For incident timestamps

---

Step 2: Add components

Components are the individual services displayed on your status page.

Link to a monitor (automatic)

1. Click "+ Add Component"
2. Select "Link to monitor"
3. Choose a monitor from the dropdown
4. Optionally rename it for public display

When the linked monitor status changes, the component status updates automatically.

Manual component (for third-party dependencies)

1. Click "+ Add Component"
2. Select "Manual"
3. Give it a name and current status

Manual components must be updated manually during incidents.

Component groups

Group related components together:

🟢 API
  ├── Authentication
  ├── REST API
  └── GraphQL API

🟢 Infrastructure
  ├── Database
  ├── CDN
  └── DNS

---

Step 3: Customize branding

Make the status page match your brand:

Setting	Options
Logo	Upload your logo (PNG, SVG)
Brand color	Hex color code
Favicon	Upload a 32x32 favicon
Custom CSS	Add custom CSS for advanced styling
Support URL	Link to your help desk

---

Step 4: Configure notifications

1. Go to "Notification Settings" on your status page
2. Configure the default notification message template
3. Optionally restrict who can subscribe (all users, or require email domain)

---

Step 5: Publish

Click "Publish" — your status page is immediately live at:

https://acme.alertifypro.com/status

Share this URL with your customers, in your app's footer, or your help center.

---

Step 6: Set up a custom domain (optional)

Use your own domain: status.yourcompany.com

See Custom Domain →

---

Embedding the status badge

Add a small status badge to your website or app:

<!-- HTML embed -->
<a href="https://acme.alertifypro.com/status">
  <img src="https://acme.alertifypro.com/status/badge.svg" alt="System Status" />
</a>

The badge automatically shows All Systems Operational or Incident Ongoing.