Integrations Next.js

Next.js

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 In the App Router, add a client component that injects the script once in your root layout; in the Pages Router, add it to _document.js.
  3. 03 Keep data-api-url pointed at your API origin.
  4. 04 Rebuild - the widget appears site-wide.
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.