Skip to main content

Styling Chat

Changing Colors

Easily update the experience to match your brand. Use the eyedropper tool to copy the exact styling from your website.




Chat Callouts, and Buttons

Add helpful call to actions next to the chat button to increase engagement. Style the chat button to match your branding.




Force Chat in Front of other Website Content

Sometimes you have other buttons, or 3rd party tools that cover the chat button or window. Changing the z-index to a higher number forces the chat to hover on 'top' other elements on the web page.




Auto Open

In some cases, you may want to automatically open the chat for visitors to your entire site, or just a single page i.e landing or contact us pages.




Adding a Logo

Quickly add a square logo that matches your company name and brand. Your logo image will appear at the top of the chat, and next to message responses from you.




Want to learn more about styling chat?

Chat Widget