Comment on page
Customize Floating Action Button Animation
Change the behavior of the "pulse" animation on the Engagement Widget trigger button
When adding the widget inside HighLevel, copy the CSS code only (everything except the <style> and </style> tags) and paste it inside your agency's Custom CSS section instead of the Custom Javascript section.
Add the following style tag right after the widget installation script to completely disable the "pulse" animation on the Engagement Widget's trigger button:
<style>
#engagement-widget-fab-wrapper::before {
animation: unset;
}
</style>
Add the following style tag right after the widget installation script to keep the animation but limit it to only a number of "pulses" (replace the number 3 below with your desired number of "pulses"):
<style>
#engagement-widget-fab-wrapper::before {
animation-iteration-count: 3;
}
</style>
Last modified 1mo ago