Chatwoot live chat widget

Chatwoot Widget React.md

import React from "react";

class ChatwootWidget extends React.Component {
componentDidMount() {
  window.chatwootSettings = {
    hideMessageBubble: false,
    position: "right",
    locale: "en",
    type: "standard", // [standard, expanded_bubble]
  };

  (function (d, t) {
    var BASE_URL = "https://app.chatwoot.com";
    var g = d.createElement(t),
      s = d.getElementsByTagName(t)[0];
    g.src = BASE_URL + "/packs/js/sdk.js";
    g.defer = true;
    g.async = true;
    s.parentNode.insertBefore(g, s);
    g.onload = function () {
      window.chatwootSDK.run({
        websiteToken: "ENTER TOKEN HERE",
        baseUrl: BASE_URL,
      });
    };
  })(document, "script");
}

render() {
    return null;
  }
}

export default ChatwootWidget;

Usage

import ChatwootWidget from "./source"

<ChatwootWidget />