Last updated
Last updated
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.
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.
| 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) |
| 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) |
| 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 |
| 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 |
