Integrations React

React

Three steps, one snippet - no rebuild of your app required.

  1. 01 Copy your widget key (pk_...) from the dashboard: Settings -> API Keys.
  2. 02 Add the snippet once in your entry HTML (index.html) or a root component. No wrapper package is needed.
  3. 03 The widget is a plain script - React never re-renders or unmounts it.
  4. 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.