JSFiddle - React, Tailwind, and code Playground

by Paul Leech

HTML

<script src="https://wchat.freshchat.com/js/widget.js"></script>
<script>
  window.fcWidget.init({
    token: "8d3a4a04-5562-4f59-8f66-f84a269897a1",
    host: "https://wchat.freshchat.com",
    //Have the widget open on load by default by setting the below value to true
    open: false,
    config: {
    	//Disable Events Tracking
      disableEvents: true,
      showFAQOnOpen: false,
      agent: {
        hideName: true,
        hidePic: true,
        hideBio: true,
      },
      headerProperty: {
        backgroundColor: '#FFFF00',
        foregroundColor: '#333333',
        backgroundImage: 'https://wchat.freshchat.com/assets/images/texture_background_1-bdc7191884a15871ed640bcb0635e7e7.png',
        //Hide the chat button on load
        hideChatButton: false,
        //Set Widget to be left to right.
        direction: 'ltr'
      }
    }
  });
</script>