{"id":1242,"date":"2021-05-20T08:05:44","date_gmt":"2021-05-20T08:05:44","guid":{"rendered":"https:\/\/pwa-for-wp.com\/docs\/?post_type=ht_kb&p=1242"},"modified":"2022-05-10T09:58:26","modified_gmt":"2022-05-10T09:58:26","slug":"add-preloader-on-your-website-with-pwa","status":"publish","type":"ht_kb","link":"https:\/\/pwa-for-wp.com\/docs\/article\/add-preloader-on-your-website-with-pwa\/","title":{"rendered":"Add PreLoader on your website with PWA"},"content":{"rendered":"\n

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.<\/p>\n\n\n\n

It\u2019s pretty easy for you to Loader feature with PWA here are the steps:<\/p>\n\n\n\n

Step 1:<\/strong> First Install the PWA for WP & AMP<\/a> <\/strong>plugin. <\/p>\n\n\n\n

Step 2: <\/strong>After Installing the plugin click on the WordPress Dashboard<\/strong> -> Navigate to PWA<\/strong> option ->Once you click on Settings <\/strong>links it will redirect to the Features <\/strong>option here enable \u201cLoader<\/strong>\u201d option. Click on the \u201cgear<\/strong>\u201d icon like below the screenshot.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 3 \u2013 <\/strong>Once you click on the gear icon you can access the Settings page.<\/p>\n\n\n\n