💬
Chat overlay
A single <script> tag embeds the Humind chat assistant as a full-page overlay. Works on any HTML site.
Install the chat
One chat overlay, three AI widgets, and a catalog sync that plugs into Shopify or any custom stack.

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 -->|"<humind-quiz><br/><humind-gift-finder><br/><humind-product-questions>"| widgets
merchant -->|"<humind-widget>"| chat
widgets -->|"REST + SSE"| api
chat -->|"SSE + WebSocket"| api
api --- catalog
catalog -.Shopify webhooks.- merchantThe runtime has three independent surfaces:
<humind-widget>) bootstrapped from embed.thehumind.com/loader.js. It wraps the <body> of your site and opens on demand.widgets.thehumind.com/v1/humind-widgets.js that registers three custom elements for collection quizzes, gift finders and product Q&A.| If you're on… | Start here |
|---|---|
| Shopify | Shopify quickstart — install the app, toggle two blocks in the theme editor. |
| A custom storefront | Generic quickstart — add a <script> tag, a custom element, and push your catalog. |
| Just browsing | What is Humind — a two-minute tour of the product. |