Need to change the height of widget on the website

[jsky99999]

Need to change the height of widget on the mobile and desktop versions separately because it hides customized buttons that are needed for my website to work.

 

[Keith Winhall_3CX]

Hello @jsky99999 You could try using the code snippet instead and edit the snippet before placing it on your site.

 

[jsky99999]

Need to change the height of widget on the mobile and desktop versions separately because it hides customized buttons that are needed for my website to work.

Great! How do I do this?

 

[Keith Winhall_3CX]

https://www.3cx.com/docs/manual/live-chat/#h.eqbxzggy0sqp
Copy the HTML code and paste it into a notepad first. Edit the snippet and then paste the code into your site.

 

[jsky99999]

I'm sorry but I can't find the code.. neither the way to install it.
Is there some step by step tutorial for installing it on wordpress?

 

[Keith Winhall_3CX]

If you are using WordPress then in order to use the snippet, you cannot use the WordPress plugin.

When following the previously mentioned manual, at the point that you copied the URL to paste into your WP plugin, you need to copy the code snippet instead.



You then need to paste the snippet into a notepad, edit and then enter onto your site (not the WP plugin).

 

[jsky99999]

The problem is that in the picture you send, the link is a picture and not a link by itself..

 

[jsky99999]

Hi

I found how to find the code:

1:



2:

 

[jsky99999]

I have added the snippet and changed the bottom to 100 for example but the widget stays at the same place.

[...] style="position:fixed;font-size:16px;line-height:17px;z-index: 99999;--call-us-main-accent-color:#47D6D6;--call-us-main-background-color:#FFFFFF;--call-us-plate-background-color:#206C77;--call-us-plate-font-color:#E6E6E6;--call-us-main-font-color:#292929;--call-us-agent-bubble-color:#29292910;right: 20px; bottom: 100px;" [...]

Can you help me out?

Furthermore, I haven the Powered By 3CX that appeared.

 

[Keith Winhall_3CX]

In the code snippet, where you see call-us-selector, you need to delete the "selector" element. This will then only use the parameters you edit in the code and not "pull" information from the 3CX.
If for example you want to move the bubble to the right side of the screen, you need to make this change and then edit the following:

minimized-style="bubbleright" -> "bubbleleft"
and also delete "right:20px; bottom:20px" from "style" attribute

If you need further assistance I would recommend you speak with your website webmaster as they will be familiar with editing the code snippet.