Integration Guide
Add Video Support to Next.js
Learn how to integrate drop-in WebRTC customer support video chat into your Next.js and React applications effortlessly. Zero friction. Shadow DOM isolated.
Installation is straightforward
1
Get your Org ID
Create an account on Halla.live and copy your Organization ID from the dashboard.
2
Include Script in Layout
Add the Halla script tag directly into your 'app/layout.tsx' or '_document.tsx' inside the <head> tag.
3
Render the Widget
Place the <halla-widget> element anywhere in your app to activate the call button.
<!-- 1. Add this to your header -->
<script src="https://halla.live/widget.js" async></script>
<!-- 2. Initialize in your body -->
<halla-widget org="YOUR_ORG_ID"></halla-widget>