Add visitor chat, AI, voice, and video support to any website

<script src="https://api.ringnity.com/sdk/ringnity.js"></script>
<script>
  Ringnity.init({
    slug: 'your-tenant-slug',
    visitor: {
      name: 'Website Visitor'
    },
    managedUi: {
      defaultService: 'chat',
      launcherText: 'Support',
      launcherLabel: 'Open Ringnity support',
      position: 'bottom-right',
      closeOnEscape: true
    },
    notifications: {
      incomingCall: {
        soundUrl: '/sounds/ringnity-default.mp3',
        vibrate: true
      }
    },
    onStatusChange: function (status) {
      console.log('Ringnity status:', status);
    },
    onReady: function (context) {
      console.log('Ringnity is ready', context.services);
    },
    onError: function (error) {
      console.warn(error.code, error.message);
    }
  });
</script>

import { Ringnity } from '@ringnity/web-sdk';

const ringnity = await Ringnity.create({
  slug: 'your-tenant-slug',
  visitor: {
    externalId: 'customer-123',
    name: 'Aira Kirana'
  },
  managedUi: {
    showLauncher: false,
    closeOnEscape: true
  }
});

document.querySelector('#chatButton')?.addEventListener('click', () => {
  void ringnity.openChat();
});

await ringnity.devices.registerPushToken({
  platform: 'web',
  provider: 'fcm',
  token: webPushToken,
  audience: 'customer',
  externalId: 'customer-123'
});

<aside id="support-panel"></aside>

<script type="module">
  import { Ringnity } from '@ringnity/web-sdk';

  const ringnity = await Ringnity.create({
    slug: 'your-tenant-slug',
    contextToken,
    managedUi: {
      showLauncher: false,
      defaultService: 'chat',
      container: '#support-panel'
    }
  });

  ringnity.mount('#support-panel');
  await ringnity.openChat();

  // When the CRM tab closes:
  ringnity.unmount();
</script>

curl -H "Origin: https://client-domain.com" \
  "https://api.ringnity.com/api/sdk/bootstrap?slug=your-tenant-slug&debug=true"

<button id="chatButton">Chat with us</button>
<button id="voiceButton">Start voice call</button>
<button id="videoButton">Start video call</button>

<script src="https://api.ringnity.com/sdk/ringnity.js"></script>
<script>
  async function fetchRingnityContextToken() {
    const response = await fetch('/ringnity/context-token', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      credentials: 'include',
      body: JSON.stringify({
        page: window.location.pathname
      })
    });
    return response.json();
  }

  async function setupRingnity() {
    const context = await fetchRingnityContextToken();

    const ringnity = await Ringnity.create({
      slug: 'your-tenant-slug',
      contextToken: context.contextToken,
      visitor: {
        externalId: 'crm-customer-123',
        name: 'Aira Kirana',
        email: 'aira@example.com'
      },
      metadata: {
        source: 'pricing-page'
      },
      managedUi: {
        showLauncher: false,
        closeOnEscape: true
      },
      onStatusChange: function (status) {
        console.log('Ringnity status:', status);
      },
      onError: function (error) {
        console.warn(error.code, error.message);
      }
    });

    document.querySelector('#chatButton').onclick = function () {
      ringnity.openChat();
    };

    document.querySelector('#voiceButton').onclick = function () {
      ringnity.openVoice();
    };

    document.querySelector('#videoButton').onclick = function () {
      ringnity.openVideo();
    };
  }

  setupRingnity();
</script>