How to change the chat window branding

Even though there is no free option to edit the chat window footer/branding by default, you are able to hide or change the "Powered by LiveAgent" message using Custom CSS. To do so, navigate to Configuration > Chat > Chat buttons > Edit your chat button. In the "Chat window" tab scroll down to the "Custom CSS" section and add the following CSS code:

.Branding {
    background-image: url(https://cdn.logojoy.com/wp-content/uploads/2019/01/25132926/logo_cocacola-600x197.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.AppBrandProductWidget {
    display: none !important;
}

Do not forget to APPLY the CSS code and SAVE the chat window.

In the upper example, we´ve hidden the default "Powered by LiveAgent" message and inserted a logo instead. In order to insert your own logo, replace the image URL in the CSS code with a URL pointing to your image/logo. If you wish to use your own HTML footer/branding code, you would need to purchase the Branding Free add-on.

×