Integrations React
React
Three steps, one snippet - no rebuild of your app required.
- 01 Copy your widget key (pk_...) from the dashboard: Settings -> API Keys.
- 02 Add the snippet once in your entry HTML (index.html) or a root component. No wrapper package is needed.
- 03 The widget is a plain script - React never re-renders or unmounts it.
- 04 Use window.LiveChat.identify({...}) after login to attach visitor identity.
INSTALL SNIPPET
<script src="https://qonvilo.app/widget.js"
data-public-key="qvse_..."
data-api-url="https://api.qonvilo.app"
async></script> Replace qvse_... with the public key from Dashboard → Settings → API Keys. The CDN serves the widget; your chat API remains on its configured backend.