How do I use Crisp with ReactJS
Installing Crisp with React is very easy. Here is the solution
Create an account on Crisp: app.crisp.chat
Go to Settings from the bottom-left icon
Navigate to Settings > Workspace Settings > Setup Instructions
Click on Chatbox setup instructions and copy the HTML code :)
Install Crisp in your React project:
Go to your React codebase and update the main component.
Make sure to replace CRISP_WEBSITE_ID with yours. Otherwise, this will not work!
The Crisp Web SDK offers many different options such as many loading, as well as setting user information.
You can find more information from your our documentation on https://docs.crisp.chat/guides/chatbox-sdks/web-sdk/npm/
Create an account on Crisp: app.crisp.chat
Go to Settings from the bottom-left icon
Navigate to Settings > Workspace Settings > Setup Instructions
Click on Chatbox setup instructions and copy the HTML code :)
Install Crisp in your React project:
npm install crisp-sdk-web
Go to your React codebase and update the main component.
import React, { Component } from "react";
import { Crisp } from "crisp-sdk-web";
class App extends Component {
componentDidMount() {
Crisp.configure("MY_CRISP_WEBSITE_ID");
}
render() {
return (
<div>
My Awesome App
</div>
);
}
}
export default App;
Make sure to replace CRISP_WEBSITE_ID with yours. Otherwise, this will not work!
Using the Web SDK
The Crisp Web SDK offers many different options such as many loading, as well as setting user information.
You can find more information from your our documentation on https://docs.crisp.chat/guides/chatbox-sdks/web-sdk/npm/
Updated on: 30/10/2024
Thank you!