Skip to content
Novu logoNovu
Web Chat

Your agent, live
inside your product

Web Chat uses product context, takes action, and continues conversations across channels. Live in two minutes.

npx novu connect --channel web-chat
Paste this prompt into Claude, Cursor, or Codex — your coding agent will set up Web Chat for you.

Add Web Chat with our Lovable and v0 integrations.

Your Agent

Ask about your workspace

The agent understands what's on screen, finds relevant data, and can take action in your product.

Live and interactive. Paste your site to see the agent in your product.

You know the old chat widget. This is Web Chat

Old widgets follow scripts and create tickets. Web Chat brings your AI agent into the product to understand context, act, and render real UI.

The old chat widget

Scripted replies that end in a ticket form · Walls of text instead of UI · Loses the thread when the user leaves the page

Web Chat

Your agent, your model, your logic · Acts inside the product, with approval for sensitive tools · Renders your components in the thread · Resumes the conversation and knows the user on every channel you connect

Not a chat box on your site. An agent inside your app

Embedded in your product, Web Chat understands context, takes action, and responds with your own UI.

Connects users to their profiles

When a user is identified, their details and conversation are linked to one subscriber profile.

Keeps every conversation

Review each Web Chat conversation, its messages, status, and user in the Novu dashboard.

Works in your app's context

Knows the user and current task, keeping every response relevant.

Takes real actions

Uses your tools to update records and resolve requests with approval.

Renders your components

Renders your components, tool calls, and approvals directly in the thread.

Side panel or full screen. Your choice

Explore AI elements

Switch layouts and customize the experience with flexible components from AI Elements.

Web Chat beside an application's data sources, showing a personalized update conversation.

Your agent starts in-app and continues across every connected channel

Connect the same agent across Web Chat and other channels. Novu links identified users to their subscriber profile and maintains conversation history within each thread.

Book a demo
npx novu connect

Deploy the ACI, not just chat

Add your agent. ACI handles identity, threads, delivery, compliance, and scale. Production-ready in under two minutes.

Diagram of your agent and stack connecting through Novu's ACI layer to every channel: web chat, Slack, Microsoft Teams, Telegram, WhatsApp, and email.
  • SOC 2 Type II
  • ISO 27001
  • GDPR
  • HIPAA
  • Identity & subscribers

    Every user identified and secured with HMAC. No auth or user store to build.

  • Conversation history

    Novu stores each Web Chat conversation so your app can resume it when a user returns.

  • Delivery that lands

    Retries, fallbacks, and deliverability from four years of notification infrastructure.

  • Compliance, built in

    SOC 2 Type II, HIPAA, ISO 27001, and GDPR, in US and EU data regions.

  • Scale from day one

    The same rails the open-source Novu, ~40K GitHub stars, runs in production.

Works with your design system. Ship to production

Web Chat is a flexible React hook, not a fixed widget. Style it with your own components or any compatible library to match your brand.

Overlapping blue and amber Web Chat previews granting dashboard access and changing a subscription to annual billing.

Build your connection. Ship it from any builder.

Choose Web Chat and your framework. Copy the generated prompt or CLI command to connect your agent.

Configure your agent

Pick a channel and framework.

Prompt
Connect this project's Vercel AI SDK agent to Web Chat with Novu using instructions from https://novu.co/agents.md

We never run your brain. Novu brings your agent to the web and carries every conversation, while your code, model, prompts, tools, and logic remain entirely yours

Bring any agent

Connect the agent you already use: Vercel AI SDK, LangChain, Mastra, or custom code.

Change runtime later

Swap models or frameworks without rebuilding Web Chat or losing conversation history.

Keep your logic yours

Your prompts, tools, model calls, and keys stay in your infrastructure. Novu carries conversations, not your agent’s logic.

Put your agent inside your product

Keep your agent’s model, runtime, and logic. One agent, every channel, one conversation.