JessicaAIJessicaAI

Components

Ship Jessica inside your own app.

Generate a key, install the package, and the same chat window you are using on this site appears in your product, in your brand and on your domain, with your systems behind it.

API keysMade and scoped by you
Chat windowFloating or inline
Your brandColours and copy
Same agentOne memory everywhere
REST APIWebhooksZapier and MakeReactNext.jsPlain JavaScriptWeb ComponentsHeadless APIClient sites
Connected in days, not quarters
API keys+ New key
  • Productionjai_live_••••••••pr9fChat · BookingsUsed 2 minutes ago
  • Stagingjai_live_••••••••st9fChatUsed Yesterday
  • Acme client sitejai_live_••••••••ac9fChat · Read-onlyUsed 3 days ago
Rotate or revoke any key, with no redeploy

1.API Keys

Your keys, made and revoked by you.

Create a key per app, per environment or per client from the dashboard. Each one carries only the access you give it, and any of them can be rotated the moment you need to.

  • Create a key for each app, environment or client
  • Scope what each key is allowed to do
  • Rotate or revoke without a redeploy
your-app.com
Jessica
Hi! I'm Jessica. Ask me anything about your order.Where is order 4021?It left the Andheri warehouse this morning, arriving tomorrow before 6pm.Ask Jessica something

2.The Component

The same chat window that runs on this site.

It ships as a floating launcher in the corner, or as an inline window you place anywhere on the page. Either way it is the agent you already configured, not a second one to train.

  • An inline window, placed where you want it
  • Or a floating launcher in the corner
  • The same memory and systems as every other channel
app/layout.tsx
npm i @jessicaai/react

import { JessicaAgent } from "@jessicaai/react";

<JessicaAgent agentId="your-agent"
  theme="brand" />
  • ReactA component you drop in and pass your agent id.
  • Next.jsApp Router ready, server components included.
  • Plain JavaScriptOne script tag on any website or CMS.
  • Web ComponentsA custom element for Vue, Svelte or Angular.
  • Headless APIOur API behind your own interface.
  • Client sitesAgencies can ship it across every site they run.

Install the package and pass your agent id

3.Install

A package, a key, and you are live.

Install the component, pass the key you just made, and it renders. It works the same whether your front end is React, Next.js, plain JavaScript or something else entirely.

  • Install the package and pass your key
  • React, Next.js, plain JavaScript or web components
  • Or call the headless API behind your own interface
Get started

Ready to put Jessica in your product?

Tell us what you are building and we will get you a key, the package and a walkthrough.

1package to install4ways to embed0agents to retrain
Everything in one platformAPI keysScoped, rotated and revoked by youChat componentFloating or inline, in your brandHeadless APIBehind an interface of your ownClient sitesShip it across every site you run
Straight to the top

Our CEO talks to every customer first.

Before anything gets built, you speak with the person who runs the company. No sales script, no hand-offs. Message or email directly, any time.