Getting Started

Create your first chat room and embed it on your website in under 5 minutes.

Quick Start

1

Create an Account

Sign in to the Dashboard using your Discord or Patreon account. This creates your owner account and lets you manage rooms.

2

Create Your First Room

Click "Create Room" in the dashboard. Give it a name and optionally configure settings like authentication requirements and moderation options.

3

Copy the Embed Code

After creating a room, you'll see an iframe snippet. Copy this code:

<iframe
  src="https://chat.ninjachatter.com/?room=YOUR_ROOM_ID"
  style="width:100%;height:500px;border:none;"
  allow="clipboard-write"
></iframe>
4

Paste into Your Website

Add the iframe code to your website, streaming page, or blog. The chat will load automatically and viewers can start chatting!

The free tier includes 1 room with up to 100 concurrent viewers. Upgrade to Pro for more rooms and higher viewer limits.

Basic Customization

URL Parameters

Customize the embed appearance with URL parameters:

https://chat.ninjachatter.com/?room=YOUR_ROOM_ID&theme=dark&showHeader=false

For OBS/Streaming

For a transparent overlay in OBS or Streamlabs, use the overlay URL:

https://chat.ninjachatter.com/overlay.html?room=YOUR_ROOM_ID

See the OBS Overlay Guide for detailed setup instructions.

Authentication Options

Configure how users join your chat:

Requiring authentication helps with moderation since users have verified identities.

Moderation

Room owners and moderators can:

Access moderation controls by clicking on a user's name in the chat or through the Dashboard.

Next Steps

Set up OBS Overlay Integrate Webhooks Developer API