📚 End-User Setup Manual

How to Use StoreAlert Pro

Follow these step-by-step guides to connect your store, configure instant alert channels, and install out-of-stock widgets.

1. Adding Your Store 2. Telegram Bot Alerts 3. Slack Webhooks 4. Out-of-Stock Widget

1. How to Add Your Store Endpoint

StoreAlert Pro monitors HTTP availability, latency, and SSL status on your store's homepage and checkout pages.

  1. Open your StoreAlert Pro Dashboard.
  2. Click "+ Add New Store Monitor".
  3. Enter your Store Name (e.g. My Fashion Store).
  4. Enter your Store URL (e.g. https://mystore.myshopify.com) and Checkout Endpoint (e.g. https://mystore.myshopify.com/checkout).
  5. Select check frequency (1 minute on Pro, 15 minutes on Free).
  6. Click Create Store Monitor. StoreAlert Pro will immediately perform an automated health ping.

2. Setting Up Instant Telegram Alerts

Get high-priority push notifications directly on your smartphone via Telegram when downtime occurs.

  1. Open Telegram and search for @BotFather.
  2. Type /newbot and follow the prompt to create a bot. Copy your Bot Token (e.g. 123456789:ABCdefGhI...).
  3. Start a chat with your bot or add it to your team chat group.
  4. To get your Chat ID, forward a message to @userinfobot in Telegram.
  5. Paste the Bot Token and Chat ID into your StoreAlert Pro monitor settings. Click Save!

3. Setting Up Slack Webhook Notifications

  1. Go to Slack API Apps and click Create New App.
  2. Select From scratch and pick your workspace.
  3. Click Incoming Webhooks and toggle it to ON.
  4. Click Add New Webhook to Workspace, choose your alerts channel (e.g. #store-alerts), and copy the Webhook URL.
  5. Paste the URL into your StoreAlert Pro dashboard settings.

4. Installing the Restock Alert Widget

Automatically attach "Notify Me When Back In Stock" popups to out-of-stock items on Shopify or WooCommerce.

Shopify Theme Installation:

  1. Log in to your Shopify Admin and go to Online Store > Themes.
  2. Click Actions > Edit Code.
  3. Open theme.liquid.
  4. Paste the widget snippet right before the closing </head> tag:
    <script> window.STORE_ALERT_API_HOST = "https://storealertpro.com"; window.STORE_ALERT_MONITOR_ID = "YOUR_MONITOR_ID"; </script> <script src="https://storealertpro.com/widget/storealert-widget.js" async></script>
  5. Click Save. Out-of-stock product pages will now show the restock notification popup!