Floating Action Button (FAB)

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 FAB 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 Number of FAB "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>