CloudFly Helpdesk
Chat widget

Customize color, position and greeting

Set the brand color, launcher position and shape, avatar, welcome title and the sender name customers see, then switch on the channel greeting.

View .mdOpen llms.txt

Out of the box the panel is blue and the launcher is a round bubble on the right. This page moves it onto your own identity, and sets the first line a visitor reads.

Goal

The launcher and the chat panel on your site carry the color, position, avatar and greeting you chose, instead of the defaults.

Before you begin

Steps

In the left column press Channels, open the website widget channel, then pick the Widget Chat tab.

Set Brand Color with the swatch or by typing a hex code, then choose Widget Position: Left or Right.

Choose a Launcher style. Floating bubble is the round button in the bottom corner; Edge tab is a vertical strip against the screen edge, and picking it reveals a Tab label field of up to 24 characters.

Consider Allow visitors to hide the launcher. With it on, a small "x" appears above the launcher, and hiding lasts for that browser tab alone.

In the Welcome Messaging block press Upload image to set the Avatar, then fill in Welcome Title and Welcome Tagline.

Pick a value for Sender shown to customers. Agent name shows whoever wrote each reply; Channel brand puts every reply under one Public name that you type below it.

Check the Preview column on the right. It reflects unsaved changes, and the message thread inside it is a mock-up.

The Widget Chat tab: on the left the Branding form with a color swatch, two position options and two launcher styles; on the right a Preview panel drawing a mock web page with the launcher in its corner
The form on the left, the Preview on the right, updating as you type.

Press Save Settings. The console confirms next to the button.

Move to the Settings tab, turn on Enable Channel Greeting, write the Greeting Message and press Save Settings once more.

The Settings tab also carries Enable CSAT Surveys. Turning it on does show visitors a satisfaction screen after a conversation is resolved, but the product today stores the score nowhere at all and has no CSAT report. Do not treat it as a measure of support quality.

Verify

Reload the website carrying the widget. The launcher must show the color and the shape you chose, on the side you chose.

Open the panel: its header shows the avatar, the Welcome Title and the Welcome Tagline you typed. With the greeting on, your greeting message appears in the thread as soon as a visitor opens the panel.

Troubleshooting

SymptomCauseWhat to do
You chose Left and the launcher stays on the rightThe embed snippet passes position, which outranks the channel settingRemove position from the run() call
No Tab label fieldFloating bubble is selected, and a round bubble has nowhere to put textChoose Edge tab
Save Settings reports an error about the labelThe tab label is longer than 24 characters, usually after a pasteShorten the label to 24 characters
The avatar does not appearThe chosen file is not an imagePick an image file, square for the best fit
Visitors still see no greetingEnable Channel Greeting on the Settings tab is offTurn it on, write the message and save

Next steps

On this page