How To Add Preloader To WordPress

  • Post last modified:October 21, 2023
  • Post category:Web
  • Post comments:0 Comments
  • Reading time:4 mins read

In this post, I’ll show you how to add a preloader to your WordPress site using the Preloader Plus plugin.

Table of Contents:

Step 1: Install and Activate Preloader Plus Plugin


The first thing you need to do is install and activate the Preloader Plus plugin. To do this, go to your WordPress dashboard, click on “Plugins” and then “Add New”. In the search bar, type “Preloader Plus” and press enter. Click on “Install Now” and then “Activate” to activate the plugin.

adding the plugin

Step 2: Go to Preloader Plus Settings

Go to your WordPress dashboard, click on “Appearance” and then “Customize”. In the left-hand menu, you’ll see a “Preloader Plus” option. Click on it to open the Preloader settings.

customize preloader

In the Preloader settings, you can choose the preloader animation you want to use. There are several preloader animations to choose from, including circles, dots, and bars. You can also customize the color of the preloader animation to match your site’s color scheme.

Step 3: Configure Preloader Plus Plugin

In addition to customizing the animation, you can also configure the plugin to display the preloader on home page or even the entire site.

general settings
adding icons

Step 4: Save Changes and Test Preloader


Once you’ve configured the Preloader plugin to your liking, be sure to click the “Save & Publish” button to save your settings. Then, visit your site to test the preloader. You should see the preloader animation displayed while your site is loading.


By following the simple steps outlined in this post, you can have a preloader added to your site in no time. If you have any questions or comments, feel free to leave them below. Thanks for reading!

Leave a Reply