Volver al panel

Documentación

Aprende a usar Asyntai

Set Up User Context on Shopify

Pass the logged-in customer's info to your chatbot from your Shopify theme

Back to User Context
Standard & Pro Plans

What You're Setting

User Context is a client-side JavaScript object. On every page where the widget loads for a logged-in user, you attach an object to window.Asyntai.userContext describing who they are. The widget sends this with each message, so the AI can reply with their name, order status, plan tier, or anything else relevant.

Keys act as labels the AI sees, so make them descriptive — use "Customer name" or "Loyalty points", not just "name" or "points".

window.Asyntai = window.Asyntai || {};
window.Asyntai.userContext = {
  "Customer name": "Sarah Chen",
  "Email": "sarah@example.com",
  "Subscription plan": "Pro",
  "Loyalty points": 1840,
  "Last order": "#8847, out for delivery"
};

Two ways to set it

Either assign synchronously (if data is already on the page), or provide a fetcher that runs when the chat opens. The second option is better for performance — user data is only loaded when someone actually opens the chat.

// Option A — synchronous (data already available)
window.Asyntai.userContext = { "Customer name": "Sarah", ... };

// Option B — async fetch on chat open (better performance)
window.Asyntai.fetchUserContext = function() {
  return fetch('/api/chat-context/')
    .then(r => r.json())
    .then(data => { window.Asyntai.userContext = data; });
};

Security & size: Never include passwords, credit card numbers, API tokens, or anything sensitive — this data is on the client and visible to anyone inspecting the page. Context is capped at 2,000 characters on Standard and 10,000 characters on Pro; if you exceed it, the tail is truncated.

How Shopify Exposes the Customer

Shopify's storefront Liquid templates have a global customer object whenever a visitor is signed into their Shopify customer account. You can read fields like customer.first_name, customer.email, customer.orders_count, customer.total_spent, and customer.tags — perfect for user context.

Setup — Add Liquid to Your Theme

1
Open your theme's code editor Shopify admin → Online Store → Themes → three dots on your live theme → Edit code.
2
Open Layout → theme.liquid This file wraps every page so the script will run everywhere the widget shows up.
3
Paste the snippet below right before the closing </body> tag It runs after the Asyntai widget loads, so window.Asyntai is ready.
4
Save and test Log in as a test customer, open the chat, and ask "what's my name?" — the AI should greet you by name.
{% if customer %}
<script>
  window.Asyntai = window.Asyntai || {};
  window.Asyntai.userContext = {
    "Customer name": {{ customer.name | json }},
    "Email": {{ customer.email | json }},
    "Total orders": {{ customer.orders_count }},
    "Total spent": "{{ customer.total_spent | money }}",
    "Tags": {{ customer.tags | json }}
    {% if customer.last_order %},
    "Last order": "#{{ customer.last_order.order_number }} — {{ customer.last_order.financial_status }}, {{ customer.last_order.fulfillment_status | default: 'unfulfilled' }}"
    {% endif %}
  };
</script>
{% endif %}

Consejo: Customer tags are a great way to pass segmentation data — e.g. VIP, wholesale, subscriber. The AI can then tailor answers ("As a VIP customer, you get free expedited shipping on this order").

Guest checkout: The customer object is only defined when the visitor is logged in. Guest shoppers won't trigger this block — which is correct; User Context is purely an enhancement for known users.

Adding Cart Data

Cart contents are available under the cart global. Adding current cart state helps the AI answer abandonment-style questions:

{% if cart.item_count > 0 %}
"Cart total": "{{ cart.total_price | money }}",
"Cart items": {{ cart.item_count }},
{% endif %}

Solución de problemas

The AI doesn't seem to know who I am

Open your browser DevTools → Console → type window.Asyntai.userContext after the page loads. You should see your object. If it says undefined, your script didn't run — check the script order (context must be set after the widget script loads, or be re-set whenever the user logs in).

Context works on some pages but not others

The widget reads window.Asyntai.userContext on every message. If a page loads fresh (no SPA routing), you need to set context on that page too. For single-page apps, set it once after login and update it whenever user data changes.

Data is stale after the user updates their profile

Re-assign window.Asyntai.userContext with the fresh data after any update. The next message the user sends will include the updated values — no page reload needed.

Context is truncated

You're over the size limit (2k chars Standard, 10k Pro). Trim verbose fields — keep order history to last 2-3 items, truncate long descriptions, drop fields the AI doesn't need.

User Context status page shows "Not receiving context"

Visit the User Context settings page while logged in as a test user, then send a chat message. The status refreshes within a few seconds. If still empty, check the browser console for JavaScript errors and verify the object is set before the chat message is sent.

Privacy reminder: Only share fields relevant to the conversation. Passing a customer's full purchase history when they just want to ask a general question is wasteful and can confuse the AI. Scope context to what helps.