Connecting Boei to your Live Agent chat

Boei can easily be connected to Live Agent. It is quite simple!

This is how it will look like:

Step 1. Adjust the Live Agent integration code

Keep your Live Agent embed code installed on your site. You can check that it works when you (temporarily) remove the Boei embed code because when Boei "sees" Live Agent, it will automatically hide it.

Live Agent needs to register the chat button variable in order for Boei to trigger it.
This change needs to be made in the integration code of Live Agent.
Add liveAgentChatButton = just before the LiveAgent.createButton


(function(d, src, c)',
function(e){ LiveAgent.createButton('XXXXX', e); });


(function(d, src, c)',
function(e){ liveAgentChatButton = LiveAgent.createButton('XXXXX', e); });

Step 2. Set chat button type and Z-index

Ensure that Live Agent is using this button type:

Now adjust the Z-index for Chat window and Contact form to 1000000 (or more). This will ensure that the chat windows will be displayed above the Boei button.

Step 3. Create a helper option for Live Agent in Boei

Add a helper with Helper type "Live Agent". When a user presses this helper, it will open Live Agent chat (or contact form).

Step 4. Finalizing

Note that when a user loads the page, he may shortly see the Live Agent button. This is because Live Agent does not support a hidden button, so Boei hides it for you.

You could improve this by a short CSS script in your site:

.circleContactButtonWrap,.circleChatButtonWrap {
    display: none !important;

Give it a test to see if everything is set up correctly.

Done! 😀

Have questions? Contact us via the Boei button anytime.

Last updated: Mar 24, 2022