SaaS

In-App Support Widget Guide

Embed a customizable support widget directly in your SaaS product. Users get help without leaving your app.

Embedded Support

Users get help without leaving your application.

Fully Customizable

Match your product's design system perfectly.

Auto Context

Automatically include user and session data.

Easy Integration

Drop-in script or React component.

Quick Start

Add the widget to your app in minutes.

Option 1: Script Tag

Add this script to your HTML, just before the closing body tag.

<script
  src="https://widget.dispatchtickets.com/v1/widget.js"
  data-workspace="ws_xxx"
  data-position="bottom-right"
  data-accent-color="#4F46E5"
  async
></script>

Option 2: React Component

Install our React SDK and use the component directly.

npm install @dispatchtickets/react

import { SupportWidget } from '@dispatchtickets/react';

function App() {
  return (
    <>
      <YourApp />
      <SupportWidget
        workspaceId="ws_xxx"
        position="bottom-right"
        accentColor="#4F46E5"
        user={{
          email: currentUser.email,
          name: currentUser.name,
          plan: currentUser.subscription.plan
        }}
      />
    </>
  );
}

Full Customization

Make the widget match your brand perfectly.

Option	Description	Default
`position`	Widget position	bottom-right
`accentColor`	Primary color	#4F46E5
`greeting`	Welcome message	"How can we help?"
`launcher`	Show launcher button	true
`zIndex`	CSS z-index	9999

Add Support to Your App Today

Better support without the context switch.