Please add an option to display an avatar icon next to the AI Chatbot’s messages, as shown in the screenshot:
2 Likes
Welcome to the Community, @Harit_Oza 
Great idea, thanks for sharing! Now let’s see if it catches on with other users 
1 Like
Folks, while there is no way to add an avatar in the settings, you can use the code below in the Custom CSS section on the Settings tab of your widget’s settings to achieve this:
.es-message-assistant {
padding-left: 45px;
box-sizing: border-box;
}
.es-message-assistant:last-child::before {
content: '';
background: url('https://files.elfsightcdn.com/eafe4a4d-3436-495d-b748-5bdce62d911d/bcc00d80-e5e8-446a-88d8-02bbd1900adf/images-14-.jpg');
position: absolute;
left: 0;
bottom: 0;
width: 36px;
height: 36px;
border-radius: 50%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
Do not forget to replace background URL with the URL to your avatar:
To find the avatar URL, right-click your avatar, select inspect and you’ll see its URL in the Dev Tools:
3 Likes