Chatwoot

ChatwootWidget.ts

const ChatwootWidget: React.FC<ChatwootWidgetProps> = () => {
	useEffect(() => {
		// Define a function to load the Chatwoot script
		const loadChatwootScript = () => {
			const BASE_URL = {TOUR CHATWOOT SELF HOSTED URL);
      const WEBSITE_TOKEN = {YOUR WEBSITE TOKEN}
			const script = document.createElement('script');

			script.src = `${BASE_URL}/packs/js/sdk.js`;
			script.async = true;
			script.onload = () => {
				(window as any).chatwootSDK.run({
					websiteToken: WEBSITE_TOKEN,
					baseUrl: BASE_URL,
				});
			};

			document.body.appendChild(script);
		};

		// Add Chatwoot Settings
		(window as any).chatwootSettings = {
			hideMessageBubble: false,
			position: 'right',
			locale: 'en',
			type: 'standard',
		};

		loadChatwootScript();
	}, []);

	return null;
};

export default ChatwootWidget;