Change location of Web Chat v2 widget chat button?

Genesys Cloud Web Chat
1

Is there any way for me to modify where on the screen the chat button shows up with the default Web Chat v2 widget?

Currently it hovers in the top right-ish of the screen, but ideally, it would hover in the bottom right of our application.

image
image2586×1327 504 KB

It looks like the button hovers there because of the .cx-side-button-group class which has a fixed position 12% down from the top of the screen, but ideally we want something much larger than 12%. It doesn't seem like there's any way for me to modify this style class either.

.cx-side-button-group {
    white-space: nowrap;
    position: fixed;
    top: 12%;
    right: 0;
    z-index: 0!important;
}

I've tried using custom divs in my chatButton template but because those custom elements are all rendered within the div with the cx-side-button-group class, it's still forcing the 12%.

Please let me know if there are standard or workaround ways to solve this. Thanks!

2

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