How to Add Animations to Images and Buttons

Modified on Wed, Sep 11 at 2:57 AM

Want to make your content more engaging? Adding animations to your images and buttons can really catch the eye! Here’s a simple guide to help you get started:

Key Features

  1. Dynamic Animations: Add cool effects to images and buttons that catch attention.
  2. Activate on Scroll: Animations start when elements appear on the screen.
  3. Live Preview: See animations in real-time while editing.

Types of Animations:

1. Entrance Animations:

  • Fade: Makes elements fade in.
  • Slide: Elements slide in from different directions.
  • Bounce: Adds a bouncing effect.
  • Rotate: Elements rotate as they enter.
  • Zoom: Elements zoom in as they appear.

2. Hover Animations: Effects that show up when users hover over elements.

3. Loop Animations: Continuous animations that keep elements moving.

How to Use:

  • Open the Editor: Go to the funnel/website editor.

  • Select Your Element: Choose the image or button you want to animate.

  • Find the Animations Tab: Go to the style editor and locate the new animations tab.

  • Choose Your Animation: Pick an effect like fade, slide, bounce, rotate, or zoom.

  • Preview the Effect: See how it looks on the builder page.

  • Save and Publish: Save your changes and publish the page.

Note:

  • Button Effects: Moved from the advanced tab to the animations tab. All previous settings remain the same.
  • Loop Animations: Available for all existing elements.

Enjoy enhancing your content with these fun animations!


For more help or questions, reach out to our support team!

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article