Hover Animations for Buttons

Previously, buttons had very limited hover capabilities, restricted to basic effects with no customization. Creating engaging micro-interactions required writing custom CSS. Since hover states are essential for making CTAs feel responsive and clickable, this was a key feature gap in the builder. Let’s learn how to use it!

⭐️ How To Add Hover Animations for Buttons?

1. In a Funnel or Website page, add a Button element.

   

2. Switch to the Animations tab and select Hover Animation.

   

3. Choose your favorite animation, then click Adjust Animation.

   

4. Use the controls to customize how the animation looks.

   

⭐️Why Is This Feature Beneficial To Your Company?

• Higher CTA Engagement: Make buttons feel tactile and interactive to boost click-through rates, and add polished micro-interactions directly from the sidebar.

• Clutter-Free Interface: Effect-specific controls only show you settings that change your button, helping you use the contextual controls to modify your chosen effect.

• Integrated CSS Management: Hover settings are applied as styling rather than leaking into the page markup, avoiding bloating the published page code even without previous CSS knowledge.

Keeping customers engaged is the most important thing you can do with your websites. Buttons now make this easier by responding dynamically when a visitor hovers over them. Allowing you to choose from 21 built-in effects and fine-tune parameters directly in the sidebar. We hope you enjoy it!