Ctrlk
Click Here For More Support
For the complete documentation index, see llms.txt. This page is also available as Markdown.
Page cover

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

Adjust Header Image

To adjust your page header, submit a ticket to our support team. Be sure to include the image file and indicate which page(s) you'd like the header image applied.

Before submitting a ticket, ensure to review the image specs and example section here: Image Specs

Adjust Chat Colors

Page Theme Editor

  1. In the Satisfi Labs dashboard, go to Studio -> Pages Themes

  2. Select the Chat Theme you wish to adjust

  3. In addition to reviewing the Field Definitions, we recommend looking at the commonly adjusted color fields below:

  • headerBg

  • buttonIconColorHover

  • buttonPrimaryBgColorHover

  • buttonSecondaryBgColorHover

  • buttonLinkBgColorHover

  • buttonQuickReplyBorderHover

  • buttonQuickReplyTxtColorHover

  • chatButtonBackground

  • chatButtonBackgroundMobile

  • chatButtonBackgroundColorMobile

  • buttonPrimaryTxtColor

  • buttonPrimaryBgColor

  • buttonSecondaryTxtColor

  • buttonSecondaryBgColor

  • buttonLinkTxtColor

  • buttonLinkBgColor

  • headerTextColor

  • buttonPrimaryTxtColorHover

  • buttonSecondaryTxtColorHover

  • buttonLinkTxtColorHover

  • buttonQuickReplyBgColorHover

  • chatButtonFocusColor

  • chatButtonFontColor

  • chatButtonFontColorMobile

  1. Click Save to apply the changes

Variable Theme Settings

The following color fields apply to the chat's send button:

"Send" Button

  • buttonIconColor - typically looks best at the primary color

  • buttonIconColorHover - typically looks best as a secondary color

The following colors apply to the chat's minimize button:

"Minimize" Header Icon

  • headerIconColor - typically looks best at the contrast color

  • headerIconColorHover - typically looks best as a secondary color

Last updated

Was this helpful?