Skip to content

Appearance

View as Markdown

Colour, logo, corners and font are set once under Settings › Support settings › General › Branding and used by both Messenger and the support form. The Messenger tab shows them with a Change in General link.

Setting What it does
Brand colour Fills the header, the launcher and the buttons. Text and icons on it turn white or near-black automatically, whichever is easier to read.
Logo Shown at the top of Messenger and on the hosted form page. PNG or JPG, up to 2 MB. Saved on upload. Without a logo, the first letter of your organization’s name is shown.
Corners Square, Rounded or Pill — how round the boxes, fields and buttons are.
Font Use my site’s font (the widget takes your page’s font) or Inter. Inter is used when the visitor’s device has it; the widget never downloads a font.

Under Settings › Support settings › Messenger › Appearance:

  • Launcher position — Bottom right (default) or Bottom left.
  • Launcher — Show our button (the round button in the corner) or Only my own button. With Only my own button there is no corner button; Messenger opens only from your own buttons.
  • Launcher icon — Message bubble (default), Question mark, Headset, Chat dots or Envelope, drawn in your brand colour.

When the launcher is shown, your own buttons work as well.

On phones (screens up to 480 pixels wide), Messenger opens full screen.

“Powered by CustomerCatalyst” is always shown at the bottom of Messenger and the form.