Installation | Patch Documentation

Retrieve Your Organization Id

Go here to find your Organization Id.

Add Widget to your code

To add the Patch widget to your app, you need to add this script tag to your HTML.

<script src="https://chat.patch.bot/widget/loader.js" data-organization-id="your-organization-id" />

Consider adding this to your src/app/layout.tsx file.

Add Patch Discord Bot

Add the Patch Discord bot to your server here or on the dashboard.

Configure Discord

Link Patch to your Discord server, category, and channel on the dashboard. This is where new threads will be created when new conversations are started via the widget.

Add Your Domain

Link your domain to Patch via the dashboard. This should be the domain your widget is hosted on.

Customize Branding

Customize widget colors and text here.

Custom branding is only available on the Launch plan.

That's it!

That's it! The widget should now be working in your app.