How to integrate the Hello-Chat Widget?
Here are the steps to create and integrate a Chat Widget :
1. Go to your MSG91 panel and click on"Hello".

2. Select the Manage option from the sidebar and select the Inboxes section under it.

How to Create Chat-widget
First thing is to Create Inbox , Click upon Create Inbox .

Select Integrate Chat Widget As Inbox.

Filling in the required details in the Chat widget , after filling all the details Click upon save and Save the Widget.

Click upon Integration and Copy the Code which is going to be added in Header or Footer of the Website

Afterwards give some changes in Code according to use-case of Widget
For example. If you only want to hide the Launcher then Type True instead of <True/False> And rest all Four would be False
{ widgetToken: "XXXX",
hide_launcher: true, // override default widget hide launcher settings
show_widget_form: false, // override default widget show client form settings
show_close_button: false, // override default show close button widget settings
launch_widget: false, // override default launch widget settings
show_send_button: false, // override default show send button widget settings
unique_id: <unique_id>, // any unique id, could be username, email etc.
name: <name>, // optional, if not passed in code, a form will be displayed
number: <number>, // optional, if not passed in code, a form will be displayed
mail: <mail>, // optional, if not passed in code, a form will be displayed
country: <country>,
city: <city>,
region: <region>
};
;
</script>
<script type="text/javascript" onload="initChatWidget(helloConfig, 5000)" src="https://control.msg91.com/app/assets/widget/chat-widget.js">; </script> // If you want to load widget with a delay, can pass 2nd param for delay in milliseconds"
Note- Paste the Code on your Web-page's Header Or Footer as per requirement.
After that Chat-Widget will get integrated to Your website and after these following steps, Bot can get linked to that Widget
Select the Desired inbox and Click up-on 3 dots and select Bot Settings

Select the Bot In the Drop down Window

Select the Bot and Click upon Update

Bot has been Integrated to Widget successfully .