Customer support with Crisp

TurboStack uses Crisp to handle customer support and feedbacks. This is an easy setup and you can achieve it in four simple steps:

Create a Crisp Account
Create a new website, copy the website ID and add it in your .env.local file.

CRISP_CHAT_ID={{YOUR_CRISP_CHAT_ID}}

Add the following import in your apps/web/app/app/layout.tsx file:

import { SupportChat } from '@/components/support/chat-widget'

Add the following line in your apps/web/app/app/layout.tsx file:

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}): JSX.Element {
  return (
    <html lang="en">
      <body className={poppins.className}>
        <Toaster 
          toastOptions={{
            unstyled: true,
            classNames: {
              error: 'text-danger',
              success: 'text-primary',
              info: 'text-primary',
              warning: 'text-primary'
            }
          }}
        />
        {children}
        <SupportChart /> {/* <- Add this line */}
      </body>
    </html>
  );
}

Authentication Methods Rate Limiting your API

Go Live at Turbo Speed

Tutorials

Features

Components

Customer support with Crisp