You can change the Chat Window logo and Chat Button online and offline images in your account Control Panel, Account Settings / Images page.
These images will be picked up automatically by the system when you change them. There is no need to generate anew or re-paste the chat button code to update images.
Note! Uploading a header image is possible for Modern embedded chat window if an option "Add Company logo to your chat window" is enabled. To enable it, please follow the Account Settings / Live Chat Window page. You can also upload your company logo for Modern embedded chat window on the the Account Settings / Live Chat Window page by clicking "Edit logo" link
Uploading company logo for Modern chat window
Chat Window Header
Chat Window Header will be displayed at the top of the Chat Window.
Chat Window Header
To choose an image from our gallery, please click the "Select Header Picture from Our Gallery" link or the current header image on the Images page and then click on the chosen image on the gallery page.
If you prefer to upload your own image, please note that it should be in GIF, JPEG, SVG or PNG format, up to 1024x512 pixels in size. If the uploaded image exceeds the maximum size, it will be scaled to fit the limits. Animated GIF is also supported. Max image size is 10 MB. Images which exceed this limit will not be uploaded.
Note! Most header images in our gallery are 584x96 or 635x96 pixels in size. This is the best size for the default Visitor Chat Window size. If you wish to have header image of different size, you would need to adjust the Visitor Chat Window size as well.
Note! SVG images should contain size parameters (width and height) or at least viewBox. Otherwise, the SVG image may become corrupted. Resizing or cropping SVG image in the logo editor will transform it to PNG format.
Uploading chat window logo in SVG format
Note! The header image is aligned to the right side of the Visitor Chat Window. Thus if the header image is wider than needed, it will be cut from the left. You can see how it works on an example below.
Original header image
Visitor Popup Messenger is too narrow - the left part of image is cut
For some header images you can choose a color scheme by clicking a color icon like shown on a screenshot below:
Header image color scheme
Chat Icon will be displayed on your site as the chat button.
Provide Support live chat icon
To choose an image from our gallery, please click the "Select Chat Icons from Our Gallery" link or the current chat icon image on the Images page and then click on the chosen image. A pair of images will be applied to your account - one for Online chat button and one for Offline.
If you prefer to upload your own images, please note that they should be in GIF, JPEG, SVG or PNG format, up to 512x512 pixels in size. If the uploaded image exceeds the maximum size, it will be scaled to fit the limits. Animated GIF is also supported. Max image size is 10 MB. Images which exceed this limit will not be uploaded.
Note! SVG images should contain size parameters (width and height) or at least viewBox. Otherwise, the SVG image may become corrupted.
You will need to upload two images for the chat button - one for Online and the other for Offline chat button.
If you wish to use chat icons of another graphic format you can use Graphics Chat Button Code with Different Images on Different Site Pages.
Note! Both Online and Offline chat icons should be of the same size. Otherwise Offline chat icon will be automatically scaled to the size of Online chat icon. If you really need one icon to be smaller, you could add a border of your website background color to it to make it of the same size as the bigger one.
Invalid file type
The system accepts GIF, JPEG, JPE or PNG files only.
Attempt to upload an image of prohibited file type
Image file corrupted
You can receive this error message if trying to upload unsupported file type under the name of supported. E.g. upload TIFF file named as JPG.
Attempt to upload a file of invalid format
Chat messages counter
When the chat window is minimized, the number of sent by an agent messages together with the bubble containing the latest text will be displayed next to the chat button image. By default the text bubble has white background and the text is black. However, if the eye catcher is enabled, the bubble will have the same styles which are applied to the eye catcher. The messages counter feature is available only for modern chat window in an embedded mode. Classic chat window and modern chat window in a pop up mode will not have the messages counter displayed next to the chat button.
Chat messages coounter with default text bubble style
Chat messages counter used eye catcher's styles