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
The snippet is the same on every platform; only where you paste it changes.
- 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('https://certifchat.com/widget/widget.js').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.
Why teams use CertifChat with React
- No plugin or app to install: the same short script runs on any React site.
- Answers only from your pages, docs and files, and says so when your content doesn't cover a question.
- Every question it couldn't answer is logged, so you know which page to write next.
- Turn on hand-off and unsure questions reach your inbox with the visitor's email, ready for a reply.
- The widget only loads on the domains you allow.
- Prepaid credits with a monthly cap you set, so a busy month 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. Start on Starter: 7 days for a one-time $9.