Ask or search…
K
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.

Disable animation

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>

Set the number of "pulses"

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>