Preloader Divi 5 · Divi Supreme Pro extension
Design the first second of every visit.
A branded loading screen with your logo, your colors and 30 animations. Built in the Visual Builder.
30
preset animations
3
brand presets
5
exit styles
0
code needed
Polite by design. Never in the way.
30 animations, picked by sight
Rings, dots, bars, pulse, grid and path presets in a live grid, plus Logo + ring, Logo pulse and Logo only.
RingsDotsBarsPulseLogo + ring
Intro recipes
Logo hold then curtain, wordmark with spinner, or progress then fade, with a minimum hold.
Five exit styles
Fade, fade up, wipe, scale or curtain split. The same styles work as page-to-page covers.
A hard failsafe
The overlay always dismisses, so a slow asset never traps a visitor.
Shop pages stay clear
Cart, checkout and account pages skip the overlay automatically. Logged-in users can skip it too.
Once per sessionSkip with EscHide on mobileReduced motionNo-JS safe
Enter, hold, exit. You set the timing.
These are the Motion tab settings from the Preloader customiser. Change any of them and press Play to see the result.
Intro recipe
Exit style
Progress bar
Press Play to load the page.
Every setting, where you expect it.
The real setting names, so you know exactly what you get.
01
Switch it on
Turn on Preloader under Divi Supreme, Extensions.
02
Design it in the builder
Open Preloader on the builder bar. Pick an animation, add your logo and loading text, and watch the live canvas preview.
03
Choose where it runs
Entire site, include or exclude pages, per page or homepage only. Save, and it plays on the next load.
25 settings, 4 places
Names match the Divi 5 builder word for word.
Divi Supreme Settings
This is where you can enable Divi Extensions.
Page Tour
Tooltip
Divi Popup
Line Hover Animation
Mouse Parallax
Image Parallax
Custom CursorPreloader
Dark Mode Toggle
Icon Libraries
Mask & Pattern Library
Divi Library Widget
Copy to Clipboard
Client Handoff
Password Protection
Contact Form ProFour sites, four first impressions.
Pick a site and watch it load. Each one uses real Preloader settings, listed on the card.
Divi tips for designers, once a month.
New extensions and practical Divi guides. Short and useful.
One email a month. Unsubscribe in one click.
Preloader is included in Divi Supreme Pro.
The Preloader extension ships inside Divi Supreme Pro, with 70+ modules and 15 more extensions. One plugin, unlimited sites.
Divi Supreme Pro
$79/ year
Updates and support for 12 months. Renews at 30% off.
- The Preloader extension
- 70+ Divi modules and 15 more extensions
- Unlimited sites, client work included
- Runs on Divi 5
Save 31%
Supreme Bundle, 4 plugins
$129first year$186
Divi Supreme Pro plus three more plugins. Renews at $90/yr.
Divi Supreme ProIncludes Preloader
Supreme Mega MenuMenus from Divi layouts
Supreme Maps ProGoogle Maps and Leaflet
Supreme AI WriterText, images, stock media
4.9 rated, on 350,000+ Divi sites14-day money-back guaranteeUnlimited sites on every planEach plugin keeps its own license key
Not ready to buy? Try 20+ modules free with Supreme Modules Lite.
Questions, answered.
Every setting is in the Preloader docs. Something else? Ask the team.
Pairs well with
Page Tour
Step-by-step tours of any page, styled in the builder.
Dark Mode Toggle
A light and dark switch with your own dark palette.
Mouse Parallax
Mouse-tracking motion on any section, row or module.
Make the first second look like your brand.
Switch on Preloader, pick a preset and add your logo.