Skip to content

🎁 BFCM is live! Save up to 30% on EComposer and unlock a free Feature Pack. Explore deals

🎁 The4 BFCM: 15% off Athora & Vetro + free homepage setup & 6 months of EComposer Standard free. See the deal

4.93,472 reviews on the Shopify App Store Install free New to Shopify?Open your store

Preload Effects

Create a Memorable First Impression with Page Loading Effects – Keep your visitors engaged while your page loads by adding dynamic and visually appealing loading animations.

1. How to install the Preload Effect extension?

Note: When you finish installing the Page loading effect extension, it will automatically show.

You can use this extension on EComposer Pro and Premium plans. Upgrade now to unlock

To install the extension, go to the App dashboard -> CRO Extensions to find and install the Preload Effect extension.

Preload Effects — 1. How to install the Preload Effect extension? (Screenshot 1)

On the Extension popup, click Install extension to install it the right way.

2. How to set the Page loading effect extension?

General Settings

  • Enable: You can enable/disable it without removing the extension.
Preload Effects — General Settings (Screenshot 1)
  • Overlay Effects: Bring your design to life with animations like fade, slide, and zoom-out overlays, creating an engaging user experience.
Preload Effects — General Settings (Screenshot 2)
  • Overlay effect duration: The duration of your overlay effects plays a crucial role in creating smooth, engaging animations that enhance the user experience.
Preload Effects — General Settings (Screenshot 3)
  • Overlay background: Use overlay backgrounds to enhance content visibility, add depth, and elevate your design aesthetics.
Preload Effects — General Settings (Screenshot 4)
  • Loader type: You can change the loader style to Circles, Dots, Continuous, or Infinity.
Preload Effects — General Settings (Screenshot 5)
  • Loader color primary: Change the color of the loader
Preload Effects — General Settings (Screenshot 6)

After setting everything up, you can view the result on the live page

Last updated

Was this page helpful?