New More Than Just Live Chat — Announcing Facebook and Twitter Integration in Comm100 Live Chat >> ×

How to set Custom Variable Value?

September 22nd, 2016 | Settings & Customizations

Comm100 Live Chat Custom Variable uses HTML Document Object Model (DOM) or JavaScript variables to read information on your website. Now Custom Variable will also retrieve QueryString from URL which is not JavaScript based.

To utilize custom variables, you need to have that content/information on your website already, and then specify the DOM, JavaScript variable expression or QueryString from the URL in Comm100 Live Chat to read that content/information to your chat console.

Set Up Custom Variable by DOM

You can locate the DOM elements using a set of selectors, such as ID, tag name and class. For example, if you have visitor’s name on your website defined by ID, the expression you need to set in Comm100 Live Chat would be document.getElementById(‘visitor-name’).innerText.

Custom Variable by DOM

Set Up Custom Variable by JavaScript Variable

If your visitors’ information is defined by JavaScript variables, the expression should be set according to your own JavaScript variables. For example, you have a JavaScript variable on your website telling your visitors’ email:

   <script type="text/javascript">
   var MyCompany_Variable_Email="email";
   </script>

In such case, you can set the expression in your Comm100 Live Chat control panel accordingly as MyCompany _Variable_Email.

Set Custom Variable by JavaScript

After you successfully set up custom variables in your Comm100 Live Chat account, content/information of the custom variables’ expressions will be captured and passed to Comm100 Live Chat.

See Visitor Info in Custom Variable Section

Set Up Custom Variable by Retrieving QueryString from URL

QueryString defines certain variable name and variable value that can be appended to the Chat Window URL. A QueryString includes keyword CUSTOM!, the variable name and its value. A sample would be CUSTOM!VariableName=Value.

For example, you have a Chat Now text button on your website that links to your Chat Window with an URL like: https://chatserver.comm100.com/chatwindow.aspx?planId=999&siteId=10000&newurl=1&CUSTOM!Skill=English&CUSTOM!Product=LiveChat

There are two QueryStrings in this URL, which are CUSTOM!Skill=English and CUSTOM!Product=LiveChat.

Note: The QueryString URL is a simple chat link, which does not require you to install the JavaScript Live Chat Code . The Chat Window URL which opens the Chat Window directly, includes the Chat Server Address, Campaign/Code_Plan ID and Site ID. Please change the URL accordingly.

To set up Custom Variable by retrieving QueryString from URL, you can keep the Value box empty. The following example shows you can only need to define the Variable Name.

New Custom Variable from QueryString

Note: The Variable Name needs to be the same as it is in the QueryString. In this example, the Variable Name is Product, Skill.

Now everything is ready. After your customer clicks the Chat Now button on your webpage, chat window opens and live chat system will detect the keyword CUSTOM! and the variable name after that. If the variable name from the QueryString matches the Variable Name you created on your live chat account, the value from the URL will be captured and passed to live chat system. Below shows a sample screenshot of where agents can see the custom variables in Agent Console.

View Custom Variables in Agent Console

Add Link to Custom Variable

You can add a custom link to the value of a custom variable so that you can check out the details about the value within just one click. For example, if you have a custom variable Account ID linked to your visitor’s profile page, then you can click on the account ID to see the visitor’s profile right away without having to manually search in your CRM or other platforms.

Custom Varible Add Hyperlink
You can click on Insert Dynamic Info, and add more information like City, Country or other existing Custom Variable values to this URL. So hyperlink will be changed according to the actual values read by the chat system.