How do I install & configure preloader app on my Shopify store?
Adding a loader improves your store’s perceived performance by showing a branded animation while your site's assets load. Follow these steps to set up and fully customize the LEO – Preloader & Transition app.
Step 1: Installation
- Log in to your Shopify Admin.
- Navigate to the Shopify App Store and search for LEO – Preloader & Transition.
- Click Install. Review the permissions and click Install App again to confirm.
Step 2: Activation via Theme Editor
- Once the app opens, you will see a dashboard. Click the "Activate" button.
- This will automatically open your Shopify Theme Editor in a new tab.
- On the left-hand sidebar, ensure you are in the App Embeds section.
- Find the toggle for LEO – Preloader, switch it to On, and click the Save button in the top right corner.
Your preloader is now active! You can now return to the app dashboard to customize the colors, upload your own logo, and choose from various transition effects to perfectly match your brand’s identity.