SiteChat

Drop-in, end-to-end encrypted chat for your website. Messages are encrypted in the visitor's browser and only decrypted by your staff — the server, including UrbanTrends, only ever relays ciphertext.

Create a business Log in with admin code

Get started in four steps

Create a business and save your credentials

Create a business. Everything is generated in your browser. You'll get three things, shown once:

a public Business ID — this is what the widget uses;
a secret admin code — for logging into this dashboard;
a recovery passphrase — your only backup if the admin code is lost.

Install the SDK

In your site's project:

npm install @urbantrends/sitechat

Add the widget with your Business ID

Place it anywhere in your app and replace YOUR_BUSINESS_ID with the public Business ID from step 1:

import { ChatWidget } from "@urbantrends/sitechat";

export default function SupportWidget() {
  return (
    <ChatWidget
      businessId="YOUR_BUSINESS_ID"
      apiUrl="https://sitechat.urbantrends.dev"
    />
  );
}

No build step? Use a single <script> tag instead

The standalone bundle ships its own React and auto-mounts a floating launcher from the tag's attributes:

<script
  src="https://cdn.jsdelivr.net/npm/@urbantrends/sitechat/dist/sitechat.js"
  data-business-id="YOUR_BUSINESS_ID"
  data-api-url="https://sitechat.urbantrends.dev"
  defer
></script>

Respond to messages

Open the dashboard, paste your admin code, and your inbox decrypts conversations locally. Reply, and the visitor's browser decrypts your message.