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:

Primary Colors

• headerBg

• buttonIconColorHover

• buttonPrimaryBgColorHover

• buttonSecondaryBgColorHover

• buttonLinkBgColorHover

• buttonQuickReplyBorderHover

• buttonQuickReplyTxtColorHover

• chatButtonBackground

• chatButtonBackgroundMobile

• chatButtonBackgroundColorMobile

Buttons and Quick Replies Colors

• buttonPrimaryTxtColor

• buttonPrimaryBgColor

• buttonSecondaryTxtColor

• buttonSecondaryBgColor

• buttonLinkTxtColor

• buttonLinkBgColor

Contrast Colors

• headerTextColor

• buttonPrimaryTxtColorHover

• buttonSecondaryTxtColorHover

• buttonLinkTxtColorHover

• buttonQuickReplyBgColorHover

• chatButtonFocusColor

• chatButtonFontColor

• chatButtonFontColorMobile

4. 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