Page cover
circle-exclamation

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.

circle-info

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

  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?