Skip to content

HumindAI shopping assistant for your store

One chat overlay, three AI widgets, and a catalog sync that plugs into Shopify or any custom stack.

Humind

How it fits together

mermaid
flowchart LR
  merchant[Your storefront]
  widgets[Widgets bundle<br/>widgets.thehumind.com]
  chat[Chat overlay<br/>embed.thehumind.com]
  api[Humind API<br/>api.thehumind.com]
  catalog[(Product catalog)]

  merchant -->|"&lt;humind-quiz&gt;<br/>&lt;humind-gift-finder&gt;<br/>&lt;humind-product-questions&gt;"| widgets
  merchant -->|"&lt;humind-widget&gt;"| chat
  widgets -->|"REST + SSE"| api
  chat -->|"SSE + WebSocket"| api
  api --- catalog
  catalog -.Shopify webhooks.- merchant

The runtime has three independent surfaces:

  • Chat overlay — a single web component (<humind-widget>) bootstrapped from embed.thehumind.com/loader.js. It wraps the <body> of your site and opens on demand.
  • Widgets bundle — one JavaScript file at widgets.thehumind.com/v1/humind-widgets.js that registers three custom elements for collection quizzes, gift finders and product Q&A.
  • Humind API — the backend that serves product data to widgets, streams chat responses, and ingests your catalog. For Shopify merchants, sync is automatic via webhooks.

Where to start

If you're on…Start here
ShopifyShopify quickstart — install the app, toggle two blocks in the theme editor.
A custom storefrontGeneric quickstart — add a <script> tag, a custom element, and push your catalog.
Just browsingWhat is Humind — a two-minute tour of the product.

Released under the proprietary Humind license.