Update: With the new HTML engagements in LiveEngage, this method is now outdated. It is recommended that you use the supported method listed above.
If you have created both buttons, then we can get started.
1. The first thing you will want to do is add the div for your LiveEngage chat button to your site to make sure it works.
2. Now, we are going to wrap this div inside an anchor tag with a class, which is what we are going to use to trigger the click on the chat button. For example, if your LiveEngage div is: <div id=“slideout1”></div>, your code will look like this now:
<a class=“live-person-ghost”><div id=“slideout1”></div></a>
3. Next, we are going to add an id to our custom button. By adding an id, it will allow use to check to see if that button was clicked. Here is an example:
<button type=“button” id=“live-engage-link”>Instant Live Chat</button>
4. If you do not have JQuery on your website, you will need to add the following script to the head section of your site:
Here is a complete example of the code: