Looking for advice or solution: I have a need for both the all in one chat widget and the ai chatbot widget on my website: https://thechronichaven.com . I like the ability for people to either send a quick message or to use the chatbot to answer questions, but I can’t find a way to get both bubbles …

Hi there, @Priscilla_OConnor :wave: Please try to use this code in the Custom CSS field on the General tab of your widget’s settings and let me know if you like the result: .global-styles, .eapps-ai-chatbot-e7ac1058-6f63-4b11-8dc3-0d7d5df64ccd-custom-css-root [class*="FloatingButton__FloatingButto…

@Max this is awesome! Priscilla’s button label buzzes with chat bubble love that, need that for mine. Her “send a message” idea is awesome. Just an observation, when I went to @Priscilla_OConnor website is kinda weird confusing to have 2 chatlogs or 2 chat windows overlapping (See image left screen…

Hi there, @Norton :wave: Thank you so much for such a thorough feedback! I agree that it would be cool to combine the functionalities of the AI Chatbot and All-in-One Chat in one widget. I’ve added this idea as a separate Wishlist request on your behalf - Combine AI Chatbot with All-in-One Chat

This worked pretty well, thank you! It’s not quite a match as far as styling (padding, font), but this will work and looks better than it did!

I was thinking the same thing - to combine the two would be great, or have the AI chatbot ask if the visitor would like to leave a message, as an option.

Hi there, @Priscilla_OConnor :wave: I’ve adjusted the font-weight and height values, so the Chatbot bubble looks more similar to the All-in-One Chat bubble: [image] [image] I’d like to note that if you wish, you can use another icon for the bubble: [image] Regarding the bubble icon and pa…

Hi there, @Priscilla_OConnor :wave: We’ve adjusted the appearance of the chatbot bubble. Here is the final code: .global-styles, .eapps-ai-chatbot-e7ac1058-6f63-4b11-8dc3-0d7d5df64ccd-custom-css-root [class*="FloatingButton__FloatingButtonContainer-sc"] button { width: 200px !important; height…

This looks great! Check it out. :smile: [Screenshot 2025-02-21 at 2.53.45 PM]

Awesome! Just in case you’d also like to remove the animation and notification badge from the chatbot bubble, feel free to use this CSS code: [class*="AnimationFrame__Frame-sc"] { display: none; } [class*="bubble-unread-badge__Container-sc"] { display: none; }

Aw, perfect! I didn’t know how to ask about that because I didn’t know the proper terminology. It’s the cherry on top to make this perfect! Thank you. Priscilla

AI Chatbot bubble: Match with message bubble?

Ask the Community Customization

Topic		Replies	Views
Can chat bubbles link to buttons General Questions ai-chatbot	1	42	November 22, 2025
AI Chatbot Conversation button not rounded button Customization ai-chatbot	4	49	August 12, 2025
AI Chatbot: Enjoy new Launcher button styles + 2 more improvements New Feature ai-chatbot	10	443	July 23, 2026
Welcome Message is NOT Bubble Button Label Customization ai-chatbot	9	114	April 9, 2025
Hide chatbot bubble on mobile AI Chatbot	0	87	March 21, 2025

AI Chatbot bubble: Match with message bubble?

Related topics