WebChat Administration

Symbee Connect provides a full-featured, flexible and fully customizable customer facing WebChat front-end for use in your customer facing web sites. The WebChat front-end itself is a "no code" configuration based approach that provides a URL link for use in your web sites.

Once you have configured your WebChat Endpoints, your website developers can then include the respective URL in your web site to offer your web site visitors a means of getting customer service via webchat. For more details on including the resulting WebChat endpoint URL in your web site and other developer related information, refer to the Webchat Developers Reference.

The Webchat Reference Developers Guide also discusses how to brand and if you wish, completely reskin your WebChat using your Logo and CSS (Cascading Style Sheets).

Also refer to the Setting up your first WebChat step by step that guides you through setting up your first WebChat endpoint.

WebChat Endpoints

This screen lists and lets you maintain your currently configured Webchat Endpoints or Instances. Options are available to Modify, Delete and Add WebChat Instance.

Each configured Webchat endpoint or instance is a logical container made up of:

Therefore, you configure a separate WebChat instance for each different Skill Queue or Contact Flow you are routing your webchats through and a separate WebChat instance for each language you want to present to offer to the customer.

This enables you to control which WebChat URL is used to begin the chat conversation through your customer facing web site. For example, if your customer is viewing the French version of your web site and clicks your "Chat with us" link, you might use your French WebChat instance URL to begin the chat rather than the English WebChat URL. Or, if your customer was in the Products page versus the Support page of your web site and clicks the Chat button, you could use your Sales WebChat URL verses your Product WebChat URL if those requests are to be routed or handled differently.

Add WebChat Instance

WebChat Instance Code

A unique code that will be displayed in pick-lists within the Administration Portal.

WebChat Instance Name

A short description for the new WebChat Instance.


Maintain WebChat Instance Settings

Usage and Developer Details

Chat Client Address:

Use this URL in your website to launch your WebChat. You can either launch this URL as a pop-out window (using window.open(...)), or embed this URL in an <iframe>, depending on your needs.
If presenting as a pop-out window, and you configured Chat Access Control settings (below) to restrict the domain, you will need to wrap this WebChat URL in an <iframe> within a small HTML document served by your domain. See example code.

Example Code - Launching your WebChat:
Top Level Pop-Out Window Example

The following example shows HTML / JavaScript code that launches your WebChat as a top-level pop-out window. Adjust the width and height arguments as needed based on the number of fields you are prompting for in your pre-chat questionnaire form.
The example also uses optional query-string parameters to pre-populate the name field in the pre-chat questionnaire form:

<div id="launch_chat_btn" 
    onclick="window.open(
        'https://dev.symbeeconnect.com/symbee-connect-chatclient/chatClient/coopers-buds/dev/WallyNew?fullName=John%20Black', 
        '_blank', 'width=340,height=550')" >
        Chat with Us
</div>    
Framed Pop-Out Window Example

If you are wanting to present your WebChat as a pop-out window, and you also configured Chat Access Control settings to restrict the domain, you will need to wrap your WebChat URL in an <iframe> within a small HTML document (webpage), have that document served by your website domain and then use that wrapper page as the basis for your pop-out.

The following is an example of a minimal HTML document you can copy and host, that wraps your WebChat window in an `