Growthable

Add Dynamic Visual Effects to Your GHL Website Elements

Updated April 14, 2025

Static website elements fail to capture attention, leading to lower engagement and reduced conversions on your GHL pages. This guide walks you through applying entrance, hover, and loop animations to images and buttons inside the GoHighLevel website and funnel editor.

Key Features and Benefits

  1. Dynamic Entrance and Hover Animations for Images and Buttons
    • Capture Attention: Apply captivating entrance and hover animations to your images and buttons.
    • Activate on Scroll: Animations initiate when elements come into view.
    • Live Preview: Experience the animations in real-time while editing your content.
  2. Extensive Animation Options
    • Select from a wide range of animation effects tailored to your content style and audience preferences. Options include:
      • Entrance Fade: Introduce elements with a subtle fade effect.
      • Entrance Slide: Elements sliding in from different directions.
      • Entrance Bounce: Add a fun, bouncing effect.
      • Entrance Rotate: Elements with a rotating entrance motion.
      • Entrance Zoom: Elements with a zoom entrance motion.
      • Hover Animations: Enhance interactivity by adding hover effects that trigger when users place their cursor over elements.
      • Loop Animations: Apply continuous animation effects to keep elements moving.
  3. Seamless Integration
    • Seamlessly add animations using our user-friendly interface. Experience smooth and consistent performance on any device or screen size.


How to Use

  1. Go to the funnel/website editor from the builder.
  2. Select or add the image or button you wish to animate.
  3. Navigate to the new animations tab in the style editor.
  4. Pick from various entrance, hover, and loop animations such as fade, slide, bounce, rotate, and zoom.
  5. View the effect directly on the builder page.
  6. Save your changes and publish the page.


Note:

Button effects have been moved from the advanced tab to the new animations tab. This change is fully backward compatible, so all your previous settings will stay intact. We’ve also added loop animations to all existing elements, enabling continuous motion effects.

image
image
image
image