Add live chat to Remix. DeskCrew support widget
DeskCrew adds AI live chat, an AI support chatbot and ticketing to a Remix app through the official @deskcrew/remix package: one component in app/root.tsx, the document every route renders inside. A single script tag works too.
An official npm package
Install @deskcrew/remix and render one component in app/root.tsx. It sits in the document every route renders inside, so nothing resets on navigation.
AI drafts, humans approve
The AI drafts replies grounded in the knowledge base you publish, and every draft waits in an approval queue until a human sends it.
Every conversation is a ticket
Widget chats, emails, and board posts land in one dashboard with full history; visitors who leave get their answer by email.
Free plan, no card
The free plan includes the chat widget, a public knowledge base, and ticketing. Start free and upgrade only when you outgrow it.
How to install DeskCrew on Remix
Install the official package: npm install @deskcrew/remix.
In app/root.tsx, import { DeskCrewWidget } from "@deskcrew/remix" and render <DeskCrewWidget widgetKey="pub_YOUR_KEY" board="your-board" /> next to <Scripts />, inside the document your routes render through.
Deploy. Because the widget lives in the root document, navigation between routes never tears it down, and an open conversation survives the move. Your key and board slug are on the dashboard’s Install page.
<script src="https://deskcrew.io/desk.js" data-key="pub_YOUR_KEY" data-board="your-board" defer></script>
pub_YOUR_KEY and your-board are placeholders. Your real widget key and board slug are in your DeskCrew dashboard under Install (free signup, no card).
Note: Prefer no dependency? Paste the tag below into app/root.tsx beside <Scripts /> instead.
DeskCrew vs the usual suspects
| DeskCrew | Tidio | Crisp | Zendesk | |
|---|---|---|---|---|
| Free tier | Yes. Free plan, no card | Yes (limited) | Yes (basic) | Free trial only |
| AI included | Yes. AI drafts on every plan, human-approved | Paid add-on | Higher plans | Paid add-on |
| Setup | About 2 minutes. One script tag or plugin | Minutes. Script tag | Minutes. Script tag | Longer. Full workspace setup |
| Price floor | $0 free plan · paid from $29/mo | Free plan; paid tiers above | Free plan; paid tiers above | Per-agent pricing, no free plan |
Competitor cells generalize their public pricing pages. Always check current plans.
DeskCrew has a free plan with no card. Chat widget, public knowledge base, and ticketing included. Every new workspace starts with full Team features free for 14 days, and paid plans start at $29/mo. Full details on the pricing page.
FAQ. add live chat to Remix
Last updated: September 2026
How do I add live chat to a Remix app?
Add the widget script tag inside the body of the document rendered by app/root.tsx, next to <Scripts />. Every route renders inside that document, so one edit covers the whole app.
Why root.tsx and not a route module?
Route modules unmount when you navigate away. root.tsx renders the document shell that persists across navigations, so the widget is not torn down and rebuilt on every route change.
Does it work with Remix’s server rendering?
Yes. The tag is part of the server-rendered document, so it is present in the initial HTML rather than injected after hydration.
Can I load it on only part of the app?
Yes. Put the tag in a nested layout route instead of root.tsx, and the widget then loads only for routes rendered inside that layout.
Is there a free live chat widget for Remix?
Yes. The DeskCrew free plan includes the chat widget, ticketing, a public help center, and a monthly AI answer allowance, with no credit card.