How to integrate the Hello-Chat Widget
Here are the steps to create and integrate a Chat Widget :
- Go to your MSG91 panel and click on"Hello".
- Select the Manage option from the sidebar and select the All 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 .