Adding the Chat Widget

To add the chat widget to your website, follow these steps:

Step 1: Include CSS in your website header

    
  <link rel="stylesheet" href="http://localhost:8000/build/app.css"></link> 
  

Step 2: Include JavaScript and Configure the Chat Widget

    
  <script src="http://localhost:8000/build/app.js" defer ></script>

  <script>
    var b2bChatWidgetData = {
      appId: "54dhiosod887dpei9852mks",
      config: {
        chatIconUrl: '/chat.png', //The chat icon at the bottom
        width: 300, //Chat widget width
        height: 490, //Chat widget height
        background: '#b7c4d9' //Chat widget background
        locale: 'en' //supported values: en, es, fr, ar, pt, fil, it, de,
        color: 'black' //text color,
      },
      user: {
        id: "user-id",
        name: "User",
        email: "user@gmail.com"
      },
      company: {
        id: "gvet-company",
        name: "GVET Company"
      },
      groups: [
        {
        id: "gvet-admin",
        name: "GVET Admin"
      },
      {
        id: "gvet-market",
        name: "GVET Markey"
      },
      ],
    }
  </script>