1. Home
  2. How to
  3. Add PreLoader on your website with PWA

Add PreLoader on your website with PWA

By using this Loader feature you can select loader feature. users wait for a brief moment for all the data and pages to load. In moments like that, you need something to get the user’s attention and keep them on the site long enough for all the content to load. One way to do that is by adding an eye-catching loading to the site to keep the users entertained while they are waiting for the rest of the site to load.

It’s pretty easy for you to Loader feature with PWA here are the steps:

Step 1: First Install the PWA for WP & AMP plugin.

Step 2: After Installing the plugin click on the WordPress Dashboard -> Navigate to PWA option ->Once you click on Settings links it will redirect to the Features option here enable “Loader” option. Click on the “gear” icon like below the screenshot.

Step 3 – Once you click on the gear icon you can access the Settings page.

  • Loader: Check this “Loader” option.This helps you to show a loading icon on page or post load.
  • Loader color: By using this option you can change the icon color of loader.
  • Loader background color: In this field, you can change the background color of loader
  • Loading enable on: Wher you want to display loader here is three options Desktop, Mobile and Admin as per you requiremt you can select.

The Output of the Loader feature in PWA

That’s it for this tutorial!

We hope it helped you. If you have any feedback or questions Just contact us here and we are always available for you.

Updated on May 20, 2021

Was this article helpful?

Related Articles

Need Support?
Can’t find the answer you’re looking for? Don’t worry we’re here to help!
Contact Support

Leave a Comment