Hello, Can I keep the animation working continuously? Explained int he attachment [cccc]

Hi there, @Yasser_Kifah and welcome to the Community :wave: Happy to say that it’s possible! Just add this code to the Custom JS field on the Appearance tab of your widget’s settings and let me know if it worked :wink: function installStyles() { const styles = document.createElement('style'); styles.innerHTML = ` @keyframes es-chats-pulse { 0% { transform: scale(1); opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } } [class*="Bubble__BubbleComponent-sc"]::before { animation: es-chats-pulse 1s linear infinite; animation-delay: 0s; } [class*="Bubble__BubbleComponent-sc"]::after { animation: es-chats-pulse 1s linear infinite; animation-delay: 0.5s; } `; document.head.append(styles); } installStyles();

[image] Max: Custom JS Sounds good! it works Thank you

Great, you’re always welcome :wink:

Customize the animation in Whatsapp Chat bubble

Ask the Community Customization

Topic		Replies	Views
Animate the Chat Bubble WhatsApp Chat Released	2	277	October 11, 2022
Icon shake WhatsApp Chat Released	3	188	October 11, 2022
Animation isn't working General Questions ai-chatbot	5	79	April 18, 2025
Advanced Whatsapp Widget Customization whatsapp-chat	5	65	May 19, 2026
How to Enhance AI Chatbot Launcher Button Animation (Waves) General Questions ai-chatbot	8	187	November 27, 2025

Customize the animation in Whatsapp Chat bubble

Related topics