Overview

This article identifies and explains ALL fields available in the Page Themes settings. Many of these fields do NOT have to be updated from the default theme value.

NOTE: Our themes accept many values (for example, if you are resizing the Chat Width, you could input a pixel value, percentage, an em value, etc.). Our best practice is to keep values consistent with how the default value is structured. That is, if a field in the default theme gives a pixel value (px), please keep your edits in pixels unless it is necessary to change.

If you do not have access to the Page Themes section of the dashboard, administrators can submit a ticket to request access is enabled.

Chat Fields

Fields that control the POSITION of the chat can use “auto” in the value; in general, ONE horizontal position (left or right) should be AUTO and ONE vertical position (top or bottom) should be AUTO.

Popup Button Fields

Example of a Popup Button

Desktop

Field	Definition
chatButtonPositionLeft	Controls the position of the popup button with respect to the # of pixels from the LEFT edge of the webpage
chatButtonPositionTop	Controls the position of the popup button with respect to the # of pixels from the TOP edge of the webpage
chatButtonPositionRight	Controls the position of the popup button with respect to the # of pixels from the RIGHT edge of the webpage
chatButtonPositionBottom	Controls the position of the popup button with respect to the # of pixels from the BOTTOM edge of the webpage
chatButtonFontSize	Controls the font size of the chat popup button label
chatButtonBackground	Controls the chat popup button background color
chatButtonFontColor	Controls the font color of the chat popup button label
chatButtonFontWeight	Controls the font weight (e.g., normal, bold) of the chat popup button label
chatButtonAnimation	No value (set to none)
chatButtonBoxShadow	Controls the shadow around the popup button (can specify color of shadow, blur value, h-offset, and v-offset); h-offset is horizontal offset (negative value moves shadow to the left, positive values move shadow to the right); v-offset is vertical offset (negative value moves shadow above the box, positive value moves shadow below the box)
chatButtonBoxShadowHover	Controls the shadow around the popup button when the user has hovered over the button (can specify HEX color of shadow, blur value, h-offset, and v-offset)
chatButtonBorderRadius	Controls the border radius of the chat popup button (the larger the border radius, the more rounded the corners of the window are)
chatButtonPadding	Controls how large the button is around the text label (values correspond to top, right, bottom, left edges of the button)
chatButtonBorder	Controls the border around the chat button (pattern, pixel width, and color)
chatButtonImageWidth	Controls pixel width of the image included in the chat button (images are optional)
chatButtonImageHeight	Controls pixel height of the image included in the chat button (images are optional)
chatButtonImageMargin	Controls the distance between the image and text label and the button borders (values are top, right, bottom, left)
chatButtonCustomFont	Controls custom font on the button label text only (typically set to no-custom)

Mobile

Field	Definition
chatButtonBackgroundMobile	Controls the chat popup button background color on mobile
chatButtonPositionLeftMobile	Controls the position of the popup button with respect to the # of pixels from the LEFT edge of the webpage on mobile
chatButtonPositionTopMobile	Controls the position of the popup button with respect to the # of pixels from the TOP edge of the webpage on mobile
chatButtonPositionRightMobile	Controls the position of the popup button with respect to the # of pixels from the RIGHT edge of the webpage on mobile
chatButtonPositionBottomMobile	Controls the position of the popup button with respect to the # of pixels from the BOTTOM edge of the webpage on mobile
chatButtonFontSizeMobile	Controls the font size of the chat popup button label on mobile
chatButtonFontColorMobile	Controls the font color of the chat popup button label on mobile
chatButtonBackgroundColorMobile	Controls the chat popup button background color on mobile
chatButtonFontWeightMobile	Controls the font weight (e.g., normal, bold) on mobile
chatButtonBorderRadiusMobile	Controls the border radius of the chat button on mobile (the larger the border radius, the more rounded the corners of the window are)
chatButtonPaddingMobile	Controls how large the button is around the text label (values correspond to top, right, bottom, left edges of the button) on mobile
chatButtonImageWidthMobile	Controls pixel width of the image included in the chat button on mobile (images are optional)
chatButtonImageHeightMobile	Controls pixel height of the image included in the chat button on mobile (images are optional)
chatButtonImageMarginMobile	Controls the distance between the image and text label and the button borders on mobile (values are top, right, bottom, left)

Chat Popup Prompt

Example of the Prompt Bubble

Desktop

Field	Definition
promptPositionLeft	Controls the position of the popup prompt with respect to the # of pixels from the LEFT edge of the webpage
promptPositionTop	Controls the position of the popup prompt with respect to the # of pixels from the TOP edge of the webpage
promptPositionRight	Controls the position of the popup prompt with respect to the # of pixels from the RIGHT edge of the webpage
promptPositionBottom	Controls the position of the popup prompt with respect to the # of pixels from the BOTTOM edge of the webpage
promptFontSize	Controls the font size of the chat popup prompt text
promptWidth	Controls the width of the chat popup prompt
promptheight	Controls the height of the chat popup prompt

Mobile

Field	Definition
promptPositionLeftMobile	Controls the position of the popup prompt with respect to the # of pixels from the LEFT edge of the webpage on mobile
promptPositionTopMobile	Controls the position of the popup prompt with respect to the # of pixels from the TOP edge of the webpage on mobile
promptPositionRightMobile	Controls the position of the popup prompt with respect to the # of pixels from the RIGHT edge of the webpage on mobile
promptPositionBottomMobile	Controls the position of the popup prompt with respect to the # of pixels from the BOTTOM edge of the webpage on mobile
promptFontSizeMobile	Controls the font size of the chat popup prompt text on mobile
promptWidthMobile	Controls the width of the chat popup prompt on mobile
promptheightMobile	Controls the height of the chat popup prompt on mobile