{"id":128,"date":"2022-11-29T08:05:28","date_gmt":"2022-11-29T08:05:28","guid":{"rendered":"https:\/\/superpwa.com\/documentation\/?post_type=ht_kb&p=128"},"modified":"2022-11-29T08:25:23","modified_gmt":"2022-11-29T08:25:23","slug":"preloader-add-on-for-superpwa","status":"publish","type":"ht_kb","link":"https:\/\/superpwa.com\/docs\/article\/preloader-add-on-for-superpwa\/","title":{"rendered":"PreLoader Add-On for SuperPWA"},"content":{"rendered":"\n

This addon will add a PreLoader to your site which will provide an eye-catchy loading functionality to your users, using that you will be having an extra 2-3 secs until your site loads. <\/p>\n\n\n\n

If you want to add PreLoader in SuperPWA then first you need to purchase and install SuperPWA PRO<\/strong> <\/a>plugin.<\/p>\n\n\n\n

Step 1:<\/strong> After installing you need to enter the license key for this you need to go to WordPress Dashboard <\/strong>-> SuperPWA<\/strong> -> License<\/strong> -> Here you will get the Add-on to enter the License key and click on the \u201cActivate<\/strong>\u201d button.<\/p>\n\n\n\n

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

Step 2:<\/strong> You need to go to WordPress Dashboard <\/strong>-> SuperPWA<\/strong> -> Add-ons<\/strong>-> Click on the Pre Loader Add-on “Activate<\/strong>” button<\/p>\n\n\n\n

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

Step 3:<\/strong> After Activating PreLoader Add-on you will get this option on the WordPress Dashboard -> SuperPWA ->Click on the PreLoader -> You will see all the settings like the below screenshot.<\/p>\n\n\n\n

\"Preloader<\/figure>\n\n\n\n
    \n
  • Loader Color:<\/strong> Using this option you can change the icon color of the loader.<\/li>\n\n\n\n
  • Loader Background Color<\/strong>:<\/strong> In this option, you can change the background color of the loader.<\/li>\n\n\n\n
  • Loader Display on<\/strong>: You can Select the Particular Devices in which you want to display the loader.<\/li>\n\n\n\n
  • Loading Icon Selector<\/strong>: Using this option you can select different types of animated loaders for your site.<\/li>\n<\/ul>\n\n\n\n

    The Output of the PreLoader Addon:<\/strong><\/p>\n\n\n

    \n
    \"Loader<\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"

    This addon will add a PreLoader to your site which will provide an eye-catchy loading functionality to your users, using that you will be having an extra 2-3 secs until your site loads. If you want to add PreLoader in SuperPWA then first you need to purchase and install SuperPWA PRO…<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[18],"ht-kb-tag":[],"class_list":["post-128","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-pro"],"_links":{"self":[{"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb\/128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/comments?post=128"}],"version-history":[{"count":1,"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb\/128\/revisions"}],"predecessor-version":[{"id":129,"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb\/128\/revisions\/129"}],"wp:attachment":[{"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/media?parent=128"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=128"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}