Test the NorthLoop Widget

This page simulates a customer-facing website. Load the widget to see exactly what your visitors will experience.

Simulated Website

yourwebsite.com/pricing

👆 Click "Load Widget" to inject the NorthLoop widget onto this page

The floating button will appear in the bottom-right corner

Embed Code

index.html

<script
  src="https://callbridge-w7fyczpc.manus.space/widget.js"
  data-key="YOUR_API_KEY"
  data-team="sales"
  data-color="#2563EB"
  async>
</script>

How to test end-to-end

1
Load the widget
Click "Load Widget" on the left to inject the NorthLoop button onto this page.
2
Open the agent dashboard
In another tab, go to /dashboard and log in as an agent to receive calls.
3
Submit the visitor form
Click the widget button, fill in your name, and click Connect now.
4
Answer the call
In the agent dashboard, the call appears in the queue. Click Answer to connect via LiveKit video.

Widget attributes

Attribute	Description
`data-key`	Your API key (identifies your account)
`data-team`	Team label shown in widget header
`data-color`	Primary color hex (default: #2563EB)
`data-position`	bottom-right or bottom-left
`data-text`	Button label text
`data-server`	Custom server URL (optional)