To integrate Chatwoot with a Next.js application, you would have to create a component that loads Chatwoot script. The below example shows a React component which loads the Chatwoot script asynchronously.
- Copy the following and create a file in your
componentsfolder with the name
- Import the component in your pages or layout component as shown below.
You would be able to see the Chatwoot widget on the page now.