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 create a free account.
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, Pro users can add any status page URL directly. Free users can request new services to be added.
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 (Pro)
- Preview changes in real-time
Step 5: Set Up Alerts (Pro)
Don't wait for users to tell you something is down. Set up notifications so you know first.
Pro users 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.
Free vs Pro: What You Need
| Feature | Free | Pro ($14.99/mo) |
|---|---|---|
| Stacks | 1 | 10 |
| Services/stack | 5 | Unlimited |
| Check interval | 5 min | 1 min |
| History | 7 days | 90 days |
| Status page | Theme only | Full visual builder |
| Custom domain | Yes | Yes |
| Alerts | No | Slack, Discord, Telegram, Email |
| White-label | No | Yes |
| API | Public (read) | Full CRUD |
The free plan is not a trial. It's a real product with a real status page and real monitoring. Upgrade when you outgrow it.
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
Create your free account at statusdrop.dev and have your status page live in 30 seconds. No credit card required.