Integration
Add an AI chatbot to React
Embed CertifChat in a React, Next.js, or Vite app with a few lines. Import the module once on mount and authorise your app's origin, no SDK to pull in.
How to add CertifChat to React
Setup takes a few minutes and the snippet never changes between platforms.
- Create a CertifChat account and crawl your app's public site (or upload docs) so the assistant is trained on your content.
- Copy the embed snippet from the Widget page in your CertifChat dashboard and note your publishable key.
- In a top-level component, dynamically import the widget inside a useEffect that runs once, then call CertifChat.init({ key }), for example: useEffect(() => { import('').then(({ default: CertifChat }) => CertifChat.init({ key: 'cc_live_…' })); }, []).
- Add each origin your app runs on (local dev, preview, and production) to the CertifChat origin allowlist.
- Run your app and confirm the widget mounts and answers from your content with citations.
Why teams put CertifChat on React
- No plugin or app to install, since the same lightweight script runs on any React site.
- Trained on your own pages, docs, and PDFs, so answers match your content.
- Inline citations and a confidence score on every reply, with handoff when it's unsure.
- Origin allowlist and a public key keep the widget locked to your domain.
- Prepaid credits and per-visitor rate limits mean a traffic spike never becomes a surprise bill.
Frequently asked questions
Put your knowledge to work today
Connect your sources, drop one snippet on your site, and start deflecting tickets. We are opening CertifChat to a first group soon.