Live Chat & "Contact us" widget

Under "Admin → Live Chat Widget", you can configure and integrate both a live chat widget and a 'Contact Us' widget into your website. The lightweight chat widget appears at the bottom of your site, allowing real-time interaction with visitors.

Configuration Instructions

<script>

    //All settings are OPTIONAL. Remove them to use the defaults
    var hdWidget = {
        categoryId: 42, //pre-selected category in the widget. Get the ID from the admin panel
        hideCategory: 0, //"1" to hide category select box, works only if you pass categoryId
        autoShow: 0, //auto show the widget after X seconds. "0" to disable auto showing
        email: "", //prefilled user email if you already know it in your app
		    showKbArticles: 1, //show suggested KB articles after user opens new chat
		    bgColor: "#3b82f6", //color of the widget,
        hidden: false, //do not show the widget, open it programmatically instead
        position: 'right' //widget position
    };
    
    //you can also open or close the widget programmatically
    //by calling hdWidget.toggleWidget() anywhere in your code
</script>
<script src='https://[HELPDESK]/js/support-widget-light.js' defer></script>

1. JavaScript Widget Code: Provides the HTML <script> snippet that you need to insert into your website's code to display the chat widget. This code snippet includes customizable settings such as:
   • categoryId: Assigns a pre-selected category for the chat.
   • hideCategory: Hides the category select box if set to "1".
   • autoShow: Defines a time delay in seconds after which the widget will automatically appear.
   • email: Prefills the user email if known in your application.
   • hidden: Hides the main button. Set to true if you want to trigger the widget programmatically only
   • showKbArticles: show suggested KB articles after user opens new chat.

• position: where to place the widget button (default right)
  • The settings are optional, and removing them will revert to default values.

2. You can open or close the widget programmatically using the hdwidget.toggleWidget() function within your website’s JavaScript code.

3. Demo Link: A "See the demo" link is available for administrators to preview the functionality of the chat widget.

AI responses

You can configure the widget to automatically provide AI-generated answers under "Admin → AI Settings". Users can still request a human agent at any time.

Additional Widget: Support Form Popup Link

We also provide a full-size widget that opens a lightweight ticket submission form. You can create a link that triggers the form, allowing users to submit support tickets directly. Adding this to your 'Contact Us' page makes it easy for users to create tickets from your website.

By embedding the provided code snippets, you can enable both live chat support and ticket submission, enhancing customer support and user engagement.

<a class='SupportWidget'>CLICK ME to submit a ticket!!</a>
<script src='https://[HELPDESK]/js/support-widget.js'
	data-categoryid="optional" defer></script>