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.
Note: If you choose the Text type, the value must be placed inside single quotations (i.e. ‘some-input’)
In such case, you can set the expression in your Comm100 Live Chat control panel accordingly as MyCompany _Variable_Email.
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.
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.
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.
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.
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.