Picture this: someone clicks on your site. They’re excited, ready to explore, maybe even ready to buy. But instead of seeing something cool, they get… nothing. Just a white screen. A few seconds of that, and poof, they’re gone. 😬

That’s where a preloader saves the day. It’s a little animation or graphic that pops up while your page is loading. Think of it as a friendly “hold on, we’re getting things ready for you” sign. Instead of your visitors wondering if something’s broken, they see movement, style, maybe even a hint of your branding.

Why does this matter? Because it keeps people engaged, makes your site feel professional, and smooths over the wait time if a page takes a few seconds to load. In short: it’s not just fluff. A good preloader can lower bounce rates, improve the user experience, and make your site feel faster.

And if you’re running Divi, the easiest way to add one is with the Divi Preloader plugin.

What is Divi Preloader?

Divi Preloader is a plugin made specifically for Divi. Instead of messing around with custom code, you simply install the plugin, pick a design, tweak the colors, and you’re good to go. It comes with dozens of built-in animations, plus the option to upload your own GIF or logo.

You can download Divi Preloader here — it’s included for all The Divi Club members 🎉.

How to Set It Up

Tips for a Great Preloader

• Keep it quick — no one wants to stare at a spinner for ages.
• Match it to your brand colors or use your logo for a professional touch.
• Test on mobile and consider disabling it if it slows things down there.

Wrap-Up

Adding a preloader makes your site feel more polished and keeps visitors engaged while content loads. With the Divi Preloader plugin, it’s easy to set up in just a few minutes — no coding required. Instead of blank screens, your visitors will see a slick, branded animation that keeps them around long enough for your content to shine.

Want to learn more? Check out the official documentation here:

Divi Preloader Plugin Documentation
.