TurboStack uses Crisp to handle customer support and feedbacks. This is an easy setup and you can achieve it in four simple steps:
  1. Create a Crisp Account
  2. Create a new website, copy the website ID and add it in your .env.local file.
CRISP_CHAT_ID={{YOUR_CRISP_CHAT_ID}}
  1. Add the following import in your apps/web/app/app/layout.tsx file:
import { SupportChat } from '@/components/support/chat-widget'
  1. 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>
  );
}