DEV Community

seller-mind
seller-mind

Posted on

How I Built an AI-Powered 'Where Is My Order?' Widget for Shopify Stores

If you run a Shopify store, you know the pain: customers constantly asking "where is my order?" — sometimes 3-5 times a day for the same package.

I built Parcelglance to solve this exact problem. Let me walk through how it works and some of the technical decisions behind it.

The Problem

Post-purchase anxiety is real. Customers check tracking obsessively, and each "where is my order?" (WISMO) inquiry costs merchants time and money. Industry estimates suggest WISMO inquiries can account for 20-30% of support tickets for e-commerce brands.

Most tracking solutions are either:

  • Enterprise-grade and expensive
  • Basic widgets that just show a tracking number
  • Missing the conversational layer customers actually want

What I Built

Parcelglance is an AI-powered order tracking widget for Shopify stores. Here's what makes it different:

1. Conversational AI Interface

Instead of just showing a progress bar, Parcelglance lets customers ask questions in plain English:

  • "When will my package arrive?"
  • "Where is my order right now?"
  • "Has it shipped yet?"

The AI pulls real-time data from the carrier and gives natural answers.

2. Drop-in Shopify App Embed

The widget installs as a Shopify App Embed — no theme modifications needed. Merchants can enable it in seconds:

{% comment %} Shopify App Embed snippet {% endcomment %}
<script>
  // Parcelglance widget initialization
  window.parcelglanceConfig = {
    shopId: '{{ shop.id }}',
    theme: 'auto',  // matches store theme
    position: 'bottom-right'
  };
</script>
Enter fullscreen mode Exit fullscreen mode

3. Carrier-Agnostic Tracking

Supports major carriers out of the box — UPS, FedEx, USPS, DHL, and more. The backend normalizes different carrier APIs into a unified tracking timeline.

Technical Architecture

Here's the stack:

  • Frontend: Vanilla JS widget (~15KB gzipped) — no framework overhead
  • Backend: Node.js API handling carrier webhooks
  • AI Layer: LLM-powered natural language responses grounded in real tracking data
  • Database: PostgreSQL for order state management

The key architectural decision was keeping the widget lightweight. E-commerce stores need fast page loads, so the widget lazy-loads and doesn't block rendering.

What I Learned

1. Shopify's App Embed API is Powerful

App Embeds let you inject widgets without modifying theme files. This means:

  • Zero risk of breaking the store's theme
  • Merchants can toggle on/off anytime
  • Automatic updates without merchant intervention

2. AI Grounding is Critical

You can't just pass tracking data to an LLM and hope for the best. I had to build a grounding layer that:

  • Extracts the latest tracking event
  • Calculates estimated delivery windows
  • Falls back to deterministic responses when AI confidence is low

3. The Post-Purchase Experience Matters

Most e-commerce tools focus on acquisition. But the post-purchase experience directly impacts:

  • Repeat purchase rate
  • Review scores
  • Support ticket volume

A good tracking widget is a retention tool, not just a support tool.

What's Next

I'm working on:

  • Multi-language support for international stores
  • Proactive notification triggers (SMS/email based on AI predictions)
  • Deeper carrier integrations for regional logistics providers

FTC Disclosure: This is my own product. I built it, I use it, and I'm sharing the technical journey. No affiliate links, no sponsorships.

If you're a Shopify merchant dealing with WISMO inquiries, check out Parcelglance — it's designed to reduce support tickets while giving customers the tracking experience they expect.


What's your experience with post-purchase tracking? What tools have you tried? I'd love to hear feedback in the comments.

Top comments (0)