How to Create a Status Page in 30 Seconds
Why You Need a Status Page
Every SaaS product depends on third-party services. Stripe processes your payments. AWS hosts your infrastructure. GitHub stores your code. Cloudflare protects your traffic.
When any of these go down, your users experience issues. Without a status page, they assume the problem is on your end. Support tickets pile up. Trust erodes.
A status page gives your users a single place to check before contacting support. It shows them which services are operational and which aren't, in real time.
What You'll Set Up
By the end of this guide, you'll have:
- A hosted status page at
status.yourdomain.com - An embeddable widget on your website showing live service health
- Real-time monitoring of the services your product depends on
Total time: about 30 seconds for the basics, plus a few minutes if you want a custom domain.
Step 1: Sign Up and Create a Stack
Go to statusdrop.dev and start your 14-day free trial. We collect a card at signup, but you won't be charged for 14 days and can cancel anytime.
From your dashboard, click New Stack. Give it a name (e.g., "My SaaS" or your product name). This creates your monitoring stack, which is a container for all the services you want to track.
Step 2: Add Services from the Catalog
Click Add Service and search the catalog. StatusDrop has 550+ pre-integrated services across 13 categories:
| Category | Example Services |
|---|---|
| Payments | Stripe, PayPal, Adyen, Lemon Squeezy |
| Cloud | AWS, Google Cloud, Azure, Vercel, Netlify |
| CDN | Cloudflare, Fastly, Akamai |
| Auth | Clerk, Auth0, Okta, Firebase Auth |
| Database | Supabase, MongoDB, PlanetScale, Neon |
| DevTools | GitHub, GitLab, Linear, Jira |
| SendGrid, Resend, Mailgun, Postmark | |
| AI | OpenAI, Anthropic, Replicate |
Click a service to add it. It starts monitoring immediately. If your service isn't in the catalog, you can add any status page URL directly.
Step 3: Embed the Widget
Go to your stack page and copy the embed code:
<script src="https://statusdrop.dev/widget.js" data-stack="YOUR_STACK_ID"></script>
Paste it into your website's HTML, just before the closing </body> tag. The widget appears immediately, showing real-time status for all your services.
Widget features:
- 14KB bundle, zero dependencies
- Polls every 60 seconds
- Hover to see all service details
- Click to open your full status page
- Light, dark, and auto themes
- ARIA accessible
Step 4: Set Up Your Status Page (Optional but Recommended)
Every stack gets a hosted status page at statusdrop.dev/s/YOUR_STACK_ID. But you probably want it on your own domain.
Custom Domain Setup
- In your stack settings, go to the Status Page tab
- Enter your subdomain (e.g.,
status.yourdomain.com) - Add two DNS records at your domain provider:
| Type | Name | Value |
|---|---|---|
| CNAME | status | cname.vercel-dns.com |
| TXT | _statusdrop-verify.status | sd-verify-xxxxx (your token) |
- Click Verify Domain
SSL is provisioned automatically. Your status page is now live at https://status.yourdomain.com.
Cloudflare users: If your domain is on Cloudflare, skip the manual DNS setup entirely. Click the Auto-Configure with Cloudflare button in your stack settings and authorize the DNS changes in one click. StatusDrop uses Cloudflare Domain Connect to add the CNAME and TXT records automatically.
Customize Your Status Page
The visual builder lets you:
- Set light, dark, or auto theme
- Add a custom header and logo
- Control which services appear
- Toggle "Powered by StatusDrop" branding
- Preview changes in real-time
Step 5: Set Up Alerts
Don't wait for users to tell you something is down. Set up notifications so you know first.
You can configure:
- Slack - Rich messages via incoming webhook
- Discord - Embed messages via webhook
- Telegram - Messages via bot token
- Email - HTML alerts to any address
Alerts fire automatically when any monitored service changes status.
What's Included
StatusDrop is one simple plan at $9.99/mo (or $49.99/yr) with a 14-day free trial. Everything is included:
| Feature | Included |
|---|---|
| Stacks | Unlimited |
| Services/stack | Unlimited |
| Check interval | 1 min |
| History | 90 days |
| Status page | Full visual builder |
| Custom domain | Yes |
| Alerts | Slack, Discord, Telegram, Email |
| Branding removal | Optional |
| API | Full REST API (read + CRUD) |
Every account starts with a 14-day free trial. We collect your card at signup, but you won't be charged for 14 days and can cancel anytime.
What Happens During an Outage
When a service goes down, here's what your users experience:
- The widget on your site changes color (green to yellow/orange/red)
- Hovering the widget shows which specific service is affected
- Clicking opens your status page with full details
- Your status page shows the timeline of when the issue started
- If you have alerts set up, you're notified via Slack/Discord/Telegram/email
Your users get transparency. You get fewer support tickets. Everyone wins.
Get Started
Start your 14-day free trial at statusdrop.dev and have your status page live in 30 seconds. Cancel anytime, no charge for 14 days.
Related Reading
- Widget Integration Guide: embed live status in any framework with a single script tag.
- Status Page Best Practices: what to include and how to keep your page trustworthy.
- Services We Monitor: browse the 550+ providers you can add to your stack.