Newer Version Available

This content describes an older version of this product. View Latest

Set the Width, Height, and Base Font Size

Set the default sizes for your snap-in.
Keep the following in mind when setting sizes.
  • 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.

We recommend selecting a size no smaller than 12px and no larger than 24px.

Tip