Specify Chat Images

If the images are hosted in the same repository as the web page where you add the chat window, you can use either the relative URL paths and names or full URLs. If the images are hosted elsewhere, use the full URLs.

Before customizing the code, upload the image files that you want to use in the chat window. Create your images in .png format and use the recommended sizes to ensure that the images don’t become distorted during the chat experience.

Pre-Chat Banner

embedded_svc.settings.prechatBackgroundImgURL = "..."

Specify a URL to set an image in the pre-chat form below the header and above the fields.

Logo for Header and Minimized Chat

embedded_svc.settings.smallCompanyLogoImgURL = "..."

Specify a URL to set the logo for the chat header and minimized chat.

Waiting State

embedded_svc.settings.waitingStateBackgroundImgURL = "..."

Specify a URL to set the background image when the chat is in a waiting state.

Agent Avatar

embedded_svc.settings.avatarImgURL = "..."

Specify a URL to set the image of the agent that appears during pre-chat and chat. If your chat window uses an automated invitation, this image appears in the top left of the invitation with the default HTML and CSS in the snippet.

Einstein Bots Avatar

embedded_svc.settings.chatbotAvatarImgURL = “...”