Boei can easily be connected to Live Agent. It is quite simple!
This is how it will look like:
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
Old:
(function(d, src, c).....ladesk.com/scripts/track.js',
function(e){ LiveAgent.createButton('XXXXX', e); });
New:
(function(d, src, c).....ladesk.com/scripts/track.js',
function(e){ liveAgentChatButton = LiveAgent.createButton('XXXXX', e); });
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.
Add a helper with Helper type "Live Agent". When a user presses this helper, it will open Live Agent chat (or contact form).
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
With bike energy from Utrecht
KVK: 20145923 - BTW: NL001143413B86