Shopify Storefront Monitoring with Vigilmon

E-commerce developers building on Shopify — whether using Shopify's hosted storefront, a headless setup with the Storefront API, or a custom theme — need to know when their store is down before customers do. A broken checkout costs money directly. A storefront outage during a flash sale or product launch is a crisis.

This guide covers how to monitor Shopify-based stores with Vigilmon, including storefront availability, checkout flow, Storefront API health, and alerting during high-traffic events.

What to Monitor in a Shopify Store

A Shopify store has several independently monitorable layers:

| Layer | URL Pattern | What Failure Means | |-------|------------|-------------------| | Storefront homepage | https://yourstore.myshopify.com/ | Customers can't browse | | Collection/product pages | /collections/all | Navigation broken | | Cart endpoint | /cart.js | Add-to-cart broken | | Checkout | /checkouts/ | Sales impossible | | Storefront API | GraphQL endpoint | Headless frontend broken | | Custom domain | https://yourstore.com/ | DNS or CDN issue |

Monitoring the Storefront URL

Step 1: Homepage Uptime Monitor

1. Log in to Vigilmon → Monitors → New Monitor
2. Type: HTTP
3. Method: GET
4. URL: https://yourstore.com/ (your custom domain, not .myshopify.com)
5. Interval: 1 minute
6. Keyword check: the name of your store or a known string on your homepage, e.g. Powered by Shopify or your brand name

Using your custom domain (not the .myshopify.com domain) ensures you're also monitoring DNS and any CDN or proxy layer in front of Shopify.

Step 2: Collection Page Monitor

GET https://yourstore.com/collections/all

Add a keyword check for a product title or collection heading. This catches Liquid template errors that render a blank page with a 200 status — a situation the homepage monitor alone might miss.

Step 3: Cart API Monitor

The cart API is a lightweight JSON endpoint:

GET https://yourstore.com/cart.js

Response:

{
  "token": "...",
  "note": null,
  "attributes": {},
  "total_price": 0,
  "total_weight": 0.0,
  "item_count": 0,
  "items": [],
  "requires_shipping": false,
  "currency": "USD",
  "items_subtotal_price": 0,
  "cart_level_discount_applications": []
}

Configure Vigilmon with:

• URL: https://yourstore.com/cart.js
• Keyword check: "item_count"

If this endpoint fails, the add-to-cart flow breaks everywhere — in your theme, in any headless frontend, and in any app that calls the Cart API directly.

Monitoring the Checkout Flow

The Shopify checkout URL pattern depends on your plan:

• Basic/Standard Shopify: https://yourstore.myshopify.com/checkouts/
• Plus (with custom checkout domain): https://checkout.yourstore.com/

Monitoring the checkout URL directly can be tricky because Shopify's checkout requires session state. Instead, monitor the checkout initialization endpoint:

GET https://yourstore.com/checkout

A redirect (301/302) to a Shopify checkout page is a healthy response — it means Shopify accepted the request and is routing the user through checkout. Configure Vigilmon to:

• Follow redirects: yes
• Expected status: 200 (after following redirects)
• Keyword check: shopify or checkout

Monitoring the Shopify Storefront API (Headless)

If you're running a headless Shopify setup — using the Storefront API with a Next.js, Nuxt, or Remix frontend — you need to monitor the API endpoint your frontend depends on.

The Storefront API is a GraphQL endpoint:

POST https://yourstore.myshopify.com/api/2024-01/graphql.json
Content-Type: application/json
X-Shopify-Storefront-Access-Token: your-public-token

{"query": "{ shop { name } }"}

To monitor this with Vigilmon:

1. Type: HTTP
2. Method: POST
3. URL: https://yourstore.myshopify.com/api/2024-01/graphql.json
4. Headers:
   • Content-Type: application/json
   • X-Shopify-Storefront-Access-Token: your-public-token
5. Body: {"query":"{ shop { name } }"}
6. Keyword check: "shop"

The Storefront Access Token used here is a public token (safe to embed in frontend code), not your Admin API token. Never put Admin API credentials in a monitor configuration.

Flash Sale and High-Traffic Monitoring

Flash sales, product drops, and seasonal campaigns create traffic spikes that can strain even Shopify's infrastructure. Before a high-traffic event:

Increase Monitor Frequency

Temporarily switch your storefront monitors from 1-minute to 30-second intervals in Vigilmon. This cuts detection time in half during periods when every minute of downtime has outsized revenue impact.

Add a Response Time Threshold

Slow pages during a flash sale signal infrastructure strain before a full outage:

1. Open your storefront monitor in Vigilmon → Advanced Settings
2. Enable Response time threshold
3. Set warning at 2000ms and critical at 5000ms

A slow homepage during a product launch is a warning sign that Shopify is under load — escalate to your team before it becomes a full outage.

Monitor Your Headless Frontend's CDN

If you're running a headless Shopify store deployed to Vercel, Netlify, or Cloudflare Pages, monitor that deployment URL separately from the Storefront API. Your CDN and your API can fail independently.

Alerting Configuration

Immediate Alerts for Checkout Failures

Configure Vigilmon to send alerts after 1 failed check for the checkout monitor. Checkout failures mean zero revenue — don't wait for 2 confirmations.

Tiered Alerts for the Storefront

For the storefront homepage, 1-2 failed checks before alerting is reasonable — brief Shopify CDN hiccups happen. Set:

• Warning: after 2 failed checks
• Critical: after 3 failed checks

Slack Integration

In Vigilmon → Alert Channels → Slack:

• Route checkout alerts to #incidents (immediate ops response)
• Route storefront alerts to #ecommerce-ops
• Route response-time warnings to #performance

Sample Slack alert when checkout goes down:

🔴 CRITICAL: Shopify Checkout is DOWN
Monitor: Checkout Flow
URL: https://yourstore.com/checkout
Duration: 3 minutes
→ Investigate immediately — zero revenue while checkout is down

Monitoring Third-Party Shopify Apps

Many stores depend on Shopify apps (reviews, loyalty, upsells) that inject scripts into the storefront. When these apps have outages, they can block page rendering. Monitor critical third-party scripts:

GET https://cdn.reviewapp.io/widget.js

Add a keyword check for the app's expected export or function name. If the script is unavailable, your storefront may hang or render broken.

Summary

| Monitor | URL | Check | Alert Threshold | |---------|-----|-------|-----------------| | Storefront homepage | / | Brand keyword | 2 failed checks | | Collection page | /collections/all | Product keyword | 2 failed checks | | Cart API | /cart.js | "item_count" | 1 failed check | | Checkout flow | /checkout | Follow redirects, status 200 | 1 failed check | | Storefront API | /api/2024-01/graphql.json | "shop" | 1 failed check |

With Vigilmon monitoring across these layers, you'll catch Shopify outages, checkout failures, and API degradation within 60 seconds — before customer support is flooded with failed purchase reports.

Further Reading

• Monitoring Next.js with Vigilmon
• API Uptime Monitoring with Vigilmon
• Webhook Delivery Monitoring with Vigilmon