Newer Version Available
Set the Width, Height, and Base Font Size
- You can enter values in pixels (px) or percent (%), or em or rem.
- When you set the width in your code snippet, the max-width is set to none. Similarly, when you set the height, the max-height is set to none. This action prevents the chat window from auto-sizing if the browser window’s height or width changes to less than the set height or width of the chat window.
- If the height of the browser window is less than 498px, the height defaults to 90% of the browser window’s height.
Set the width
embedded_svc.settings.widgetWidth = "..."
To customize the width of the chat window, add this parameter to your code snippet and set the width you want to show in pixels (px) or percent (%). If you don’t specify a value, the default size of 320px is used.
Set the height
embedded_svc.settings.widgetHeight = "..."
To customize the height of the chat window, add this parameter to your code snippet and set the height you want to show in pixels (px) or percent (%). If you don’t specify a value, the default size of 498px is used.
Set the font size
embedded_svc.settings.widgetFontSize = "..."
To customize the base font size for the text in the chat window, add this parameter to your code snippet and set the base font size you want to show. If you don’t specify a value, the default size of 16px is used.