Webchat widget v2 - position of the embedded chat button

Hello. I would like to ask a question. The embedded chat button is placed at the right side of the page and near the top of the page. Can it be moved lower in the page?

Would it be correct if I add in the page a tag like .cx-side-button-group { top: 50%; }

Hi,

The simplest way to solve this would be to create a new custom button to open the chat instead of modifying the CSS in that way.

Could there be a problem if I just modify css?

If I decide to create a custom button, I would like this button to hide on click and show again when the X in the top right corner of the widget is clicked. Can that be implemented somehow?

When the user clicks on close (X), it opens end chat confirmation. After pressing end chat, the window is still open. Is there a way to close the chat window after the user presses OK?

Could there be a problem if I just modify css?

Possibly, it's a "hack" and may result in unintended side effects.

If I decide to create a custom button, I would like this button to hide on click and show again when the X in the top right corner of the widget is clicked. Can that be implemented somehow?

I'm not an expert on the webchat widget but from looking through the documentation, subscribing to the "opened" and "closed" events and responding to them should achieve that behaviour. More info: https://all.docs.genesys.com/WID/Current/SDK/WebChat-combined#API_events

When the user clicks on close (X), it opens end chat confirmation. After pressing end chat, the window is still open. Is there a way to close the chat window after the user presses OK?

The "close" command looks to be the one to use for that. More info: https://all.docs.genesys.com/WID/Current/SDK/WebChat-combined#close

This topic was automatically closed 31 days after the last reply. New replies are no longer allowed.