Crisp AI tutorial - Autoplay SDK

Pipe live user behavior from the Autoplay SDK directly into your Crisp AI agent for real-time, context-aware support.

✨ Final result

A new user is exploring the app for the first time. They’ve clicked through the Dashboard, opened the Reports tab, and hovered over a few chart elements — but haven’t created anything yet. Then they open the chat widget and ask a question.

Without real-time context
With real-time context

User: How do I get started?

Bot: Welcome! You can create projects, view reports, and manage your
team from the main menu. Let me know if you need help with anything!

(Generic onboarding reply. No idea where the user is or what they've
already tried. Doesn't move them forward.)

User: How do I get started?

Bot: Great question! I can see you've already explored the Dashboard
and had a look at Reports — nice start!

The next step most users take is creating their first project:

1. Click "My Projects" in the left sidebar
2. Hit the "Add Project" button at the top right
3. Choose a template or start from scratch
4. Fill in the name and settings, then click "Create"

Once your project is set up, the Reports tab you were just on will
start showing real data for it. Want me to walk you through what
each report tracks?

(Acknowledges what they've already seen, gives them a concrete next
step, and connects it back to a feature they showed interest in.)

📋 Prerequisites

Complete the Quickstart. You should have:

Your activity source set up — PostHog (or Amplitude) capturing events, with identify setting a stable user_id (and email after login if you use it)
A registered product — your product_id, mcp_url, and mcp_key from the Quickstart
A Crisp account — with Plugin-tier API access enabled

The building blocks

Follow the steps in order — each page stands alone so you can ship incrementally.

Connect real-time events — Connect Hugo to the Autoplay MCP server so Crisp replies with real-time context.
Define proactive triggers — Proactively message users in Crisp based on what they’re doing in your product. (Coming soon)

​✨ Final result

​📋 Prerequisites

​The building blocks

✨ Final result

📋 Prerequisites

The building blocks