Author: Payal Viradiya
Gather knowledge about the latest insights, updates, tips, and tricks in the Ecommerce industry.
5 Min • 20 March 2026
How Anua Unlocked 5X AOV Growth with iCart’s Smart Cart Features
delivery customization Challenges Solutions drive results Scale business delivery customization Challenges Solutions drive results Scale business delivery customization Challenges Solutions drive results Scale business delivery customization Challenges Solutions drive results Scale business Anua is a globally recognized Korean skincare brand known for its minimalist philosophy and focus on gentle yet effective formulations. Built on the idea of simplifying skincare routines, Anua develops products that deliver visible results while avoiding harsh or irritating components, making them suitable for sensitive skin types. Initially using a traditional full cart experience, Anua transitioned to iCart’s side cart solution in August 2025, to create a more seamless and engaging shopping journey. This shift allowed customers to easily explore complementary skincare products without disrupting their browsing flow, making it more intuitive to discover items that fit into a complete routine. By surfacing relevant recommendations directly within the cart, the brand enhanced product visibility across its range. Challenges Before implementing iCart’s side cart solution, Anua faced limitations with their existing full cart experience, which created friction in the customer journey. The traditional cart setup redirected users away from product pages, interrupting their browsing flow and reducing opportunities to explore additional products. As a skincare brand built around routines rather than single-item purchases, this made it difficult to effectively showcase complementary products and encourage customers to build complete regimens. Additionally, the lack of in-cart personalization and strategic upsell opportunities meant that customers were often unaware of related products that could enhance their skincare results. This limited the brand’s ability to increase average order value (AOV) and fully leverage its diverse product range. Anua needed a more dynamic and intuitive cart experience that could seamlessly introduce relevant recommendations while maintaining a smooth and engaging shopping journey. ❌ Cart Value Barriers Low average order value (AOV) due to single-item focus Most customers completed purchases with one primary product instead of building multi-step routines. Cart abandonment near shipping thresholds Customers were not clearly informed or motivated to reach free shipping or discount thresholds. Missed savings opportunities Customers were unaware of potential value in purchasing bundled routines or multiple complementary products. ❌ Absence of Progress-Based Incentives No free shipping or discount progress bar Customers were not motivated to increase their cart value due to lack of visible incentives. Missing tiered rewards system There were no structured milestones (e.g., “Spend more to unlock offers”), reducing upsell opportunities. ❌ Ineffective Cart UI/UX (Pre-Side Cart) Full-page cart disrupted shopping flowCustomers had to leave their browsing journey, increasing friction and drop-offs. No quick add/remove functionality Users couldn’t easily modify their cart or add suggested products without navigating away. Solution To overcome these challenges, Anua implemented iCart’s side cart solution to transform their traditional cart into a high-converting, interactive experience. By replacing the full-page cart with a seamless side cart, the brand ensured that customers could continue browsing while viewing their cart, significantly reducing friction in the shopping journey. Additionally, features like product recommendations & progress bars for free shipping and discounts motivated customers to increase their cart value. By combining personalization, incentive-driven messaging, and a user-friendly interface, Anua successfully turned their cart into a powerful revenue-driving touchpoint rather than just a checkout step. To maximize their cart effectiveness, they implemented two powerful features: ✅ Progress Bar with Multi-Reward Incentives Implemented a tiered progress bar to encourage higher cart value Customers are guided with a clear message like “Add $3.10 to unlock secret offer,” motivating them to continue adding products. Generated over $5M+ in revenue through incentive-driven cart progression Used product-based rewards to align with customer intent Instead of generic discounts, Anua incentivized purchases with relevant skincare items like Dark Spot Pads and mini serums. Built visual motivation for routine expansion As customers add products, they can clearly track progress toward unlocking multiple rewards, encouraging them to build a complete skincare routine. ✅ Product Recommendations Implemented “Frequently Bought Together” recommendations Customers adding a single product (e.g., toner) are shown complementary items like serums, moisturizers, or pads to complete their routine. Generated over 275K revenue through in-cart recommendations Encouraged full skincare regimen building Instead of isolated purchases, the cart suggests step-by-step product combinations aligned with common skincare routines. Increased product discovery at the final stage By surfacing relevant items directly in the cart, Anua ensured customers explore more of their catalog without leaving the checkout flow. Results Achieved in Last 180 Days 22932 Total Store Orders 45101 Total iCart Orders 5X iCart Generated AOV 65.70% Upsell Affected Conversion Rate These improvements reflect a clear shift in customer behavior on Anua’s store. Cart abandonment reduced as shoppers discovered complementary skincare products and felt encouraged to build complete routines. Engagement also increased, with customers interacting more with in-cart recommendations and exploring relevant product pairings. Results & Impact And...Results is Our Main Clarification By implementing iCart’s cart drawer, product recommendations, and progress bar, Anua transformed its cart into a high-performing conversion touchpoint. Shopping Experience Enhancement The improved cart experience encouraged customers to discover complementary products and understand the value of sustainable beauty routines. For instance, the clear presentation of subscription savings alongside one-time purchase options helped customers make more informed decisions about their long-term hair care needs. As Anua continues to optimize its cart experience, the brand is closely monitoring: Routine-based purchasing behavior - tracking how customers move from single items to multi-step regimens Engagement with in-cart recommendations - measuring interaction with suggested products Cart value progression - analyzing how incentives influence higher spending [related_cases_slider] Ready to Write Your Success Story? Try icart App Join successful businesses like Anua and Master your delivery scheduling Delight customers with precise timing Grow your special occasion orders Expand your delivery reach
Read Blog
10 Min • 25 June 2026
Get Instant Sales with QR Codes for Your Shopify Store (Best Methods to Add)
A customer scanning a code on your packaging or printed flyer can land on a pre-loaded checkout in seconds. I have added a QR code in the Shopify store in under two minutes, and Shopify now offers more native options than ever before. Whether you want a free Shopify QR code generator, a product-specific Shopcode, or a dynamic code with full scan analytics, I have covered every QR code Shopify merchants need in 2026. What makes a QR code Shopify's most underused growth tool? A QR code for Shopify is a scannable 2D barcode that links customers directly to a specific page in your store. It can be a product listing, a pre-loaded checkout, or a discount landing page. Every modern smartphone reads one through the camera app with no additional download required. The numbers back this up. A GS1 US consumer survey found that 79% of shoppers are more likely to purchase a product with a scannable QR code. For Shopify merchants specifically, the opportunity is clear. Every QR code Shopify merchants place in the physical world is a direct link to a sale. There are two types of QR codes you should know about before choosing a method: Static QR codes encode a fixed URL. Once printed, the destination cannot be changed. Good for permanent product pages. Dynamic QR codes point to a redirect URL you control. You can update the destination without reprinting, and you get scan analytics, including scans, unique visitors, and location data. Method 1: Free Shopify QR code generator Shopify's free QR code generator lets you create a code in about 60 seconds with no Shopify account required. Enter a URL, your email address, and the tool sends you a downloadable code file. Best for: Quick one-off codes for your homepage, a specific product page, a sale collection, or a campaign URL. Key limitation: These are static codes. Once printed, the destination URL is locked. If the URL changes, you need to reprint. Steps: Go to Shopify's free QR code generator. Select your content type. The four options are website URL, phone number, SMS, and plain text. Website URLs are the most useful for store traffic. Paste your destination URL: product page, collection, homepage, or discount URL. Enter your email address. Click Send QR code. Download from your inbox and deploy. The code never expires and has no scan limit. For a single campaign or permanent signage, this Shopify QR code generator's free option is all you need. Method 2: Shopcodes, Shopify's native QR code creator Shopcodes is Shopify's native QR code creator. Of all the Shopify QR code creator options available, Shopcodes is the most tightly integrated. Unlike the free generator, Shopcodes ties codes to specific products and lets you attach a discount code to the scan destination. Best for: Product-specific codes that send customers straight to a product page or a pre-loaded checkout. Key limitation: Shopcodes generates standard codes with limited visual customization. You cannot add brand colors or logos to the code itself. Steps to install and create a Shopcode: From your Shopify admin, go to Apps and search for Shopcodes. Click Install, then Install app. Open the Shopcodes app and click Create Shopcode. Enter an internal title for the code. Under Scan Destination, choose one of the following: > Link to a product page: Send the customer to the product listing. > Link to checkout page with product in cart: Skips browsing entirely and puts the product in the customer's cart. If you selected checkout, optionally choose a specific variant. To attach a discount code, select one from the Discount section. Note: the discount attachment option only appears when you select the checkout destination, not the product page option. Click Save, then Download. Downloaded codes come as a zip file containing a PNG for digital use and an SVG for print. For events, packaging inserts, or pop-up displays, the SVG is the version to give your printer. Method 3: Third-Party Shopify QR code generator apps When you need dynamic codes, bulk generation, or UTM tracking that flows into Google Analytics, I would always suggest a third-party app. Best for: Marketing campaigns with multiple destinations, branded packaging, and bulk code creation across a large product catalog. Here are three Shopify QR code apps that I have tried and tested. o2o – QR Codes Unlimited: Dynamic codes with customizable branding, bulk creation, discount integration, and detailed scan analytics. Free plan available. Spice QR Codes Generator: All codes are dynamic by default. Automatically generates UTM codes so scans show up correctly in Google Analytics. Also adds QR codes to invoices, packing slips, and post-purchase emails automatically. QodeVault QR Code Generator: Built for merchants who need bulk generation and real-time scan analytics across large catalogs. For more on building a high-converting page that captures traffic after the scan, read my guide on Shopify product page optimization for merchants. Shopify gift card QR code Every Shopify gift card automatically generates a unique QR code identifier. When a customer receives a digital gift card by email, Shopify adds a unique QR identifier into the card that can be scanned at POS. Here is how the Shopify gift card QR code works: A customer purchases or receives a digital gift card from your store. Shopify emails the gift card with a redemption code and, if you have activated Apple Wallet Passes, an Add to Apple Wallet button. The Apple Wallet pass displays your store information, the gift card's active balance, and a unique QR code. At your physical store or event, staff can scan the QR code using a 2D scanner or the camera on an iPad running Shopify POS. How to activate Apple Wallet Passes for your gift cards: Go to Shopify Admin > Settings > Payments. Scroll to the Apple Wallet Passes section and click Customize. Check Activate Apple Wallet Passes for gift cards. Optionally, customize the text, colors, and banner image that appear on the pass. Click Save. For a complete guide to setting up gift cards and understanding how they work, see my guide on how Shopify gift cards work in 2026. 6 high-converting ways to use QR codes in your store 1. Product packaging for repeat purchases Place a QR code on your packaging that links to a pre-loaded checkout with the same product in the cart. Attach a discount code to the Shopcode to reward repeat purchases. Shopcode app handles this natively. Check out my complete guide to creating a discount code in Shopify in 2026. 2. Pop-up events and in-person markets Running an event with limited stock on hand? Place a QR code at your booth that links to the full product collection on your Shopify store. Customers who want a different size or color can order on the spot without you needing to carry every variant. Shopify POS handles the in-person sales, and the QR code handles overflow orders. My detailed guide to Shopify POS covers how to set up the hardware and sync inventory across both channels. 3. Printed flyers and direct mail for discount campaigns Flyers and direct mail benefit from QR codes because they eliminate the need to type a URL. Customers can scan the code, and the discount is already applied at checkout. Merchants can use a dynamic code from a third-party app, so they can update the destination if a campaign extends or the discount changes. 4. Store window displays to sell after hours A "Scan to shop" QR code in your window display lets your store make sales even when the doors are closed. Anyone walking by who stops to look can scan and browse the full collection on their phone. Display a dynamic QR code here so you can change the destination for seasonal campaigns. 5. Out-of-stock products to capture interest When a product runs out, place a QR code near it or on any empty shelf display. Link it to a waitlist form or to similar in-stock products. The interested shopper does not have to leave empty-handed. You capture the intent instead of losing it. To wrap it up, here are the QR code best practices I use Minimum print size: A QR code needs to be at least 2 cm x 2 cm to scan reliably. For large format signage, size up proportionally. Smaller codes on packaging should still meet the minimum. Quiet zone: Keep a clear white border around the code equal to at least four modules (the small squares that make up the code). Contrast: A high contrast between the dark modules and the background is required. The safest option I have experience with is a dark code on a light background. Avoid reversing it to light on dark unless your code generator tests for readability. Add a CTA near every code: "Scan to shop," "Scan for 15% off," or "Scan to reorder" tells the customer why they should scan. Test on multiple devices before printing: Print a test copy at actual size and scan it with at least two different phones. What scans perfectly on a high-end device can fail on an older one. Use UTM parameters for trackability: Add UTM source, medium, and campaign tags to your destination URL. Dynamic QR code apps handle this automatically. For static codes, build the UTM URL manually using Google's Campaign URL Builder before generating the code. FAQs 1. Are Shopify QR codes free? Yes. Shopify has a free QR Code Generator that anyone can use, and it allows unlimited usage with no hidden costs or limitations. For Shopify merchants, the official Shopcodes app is also free 2. How do I create a QR code in Shopify? For a general QR code, use Shopify’s free QR Code Generator, select the data type like website URL, phone number, SMS, or plain text, add the details, enter your email, and generate the code. For a product-based QR code inside Shopify, install Shopcodes, go to Apps > Shopcodes > Create Shopcode, choose whether it should open the product page or checkout with the product in cart, then download the QR code. 3. Does Shopify have a QR code? Yes. Shopify has Shopcodes, an official Shopify app that creates scannable QR codes connected to specific products. These QR codes can send customers to a product page or directly to checkout, and Shopify also supports scan and conversion tracking through Shopify Analytics. 4. What is the best free Shopify QR code generator? Shopify's own free QR code generator tool is the easiest option. It is completely free, requires no account, and delivers the code to your email in under a minute. The only limitation is that it creates static code. For dynamic codes with scan analytics, you will need the Shopcodes app or a third-party Shopify QR code generator app. 5. What is a Shopify gift card QR code? Every Shopify digital gift card includes a unique QR identifier that can be scanned at Shopify POS. When you activate Apple Wallet Passes in Shopify Settings, gift card emails include an "Add to Apple Wallet" button. The wallet pass displays the balance and a QR code that staff can scan to apply the gift card at checkout. 6. Are Shopify QR codes dynamic or static? Shopify's free QR code generator creates static codes only. Shopcodes creates static codes tied to a specific product destination. Third-party apps like o2o and Spice QR Codes Generator create dynamic codes by default, which means you can update the destination URL after printing and track scan analytics. 7. Can I track who scans my Shopify QR code? With dynamic QR codes from third-party apps, you get scan data including total scans, unique scanners, scan timing, and geographic data. Shopcodes provides a basic analytics report inside your Shopify admin, showing scans and conversions. Static codes from the free Shopify QR code generator tool provide no native tracking.
6 Min • 1 July 2026
A Practical Guide to Selling Jewelry on Shopify: Upsells & Post Purchase Tricks
Selling Jewelry on Shopify is one of the most practical ways to turn a creative product into a scalable online business. Jewelry is visual, emotional, gift-friendly, and highly personal, which makes it a strong category for ecommerce. But at the same time, jewelry buyers need trust before they purchase. They want clear product images, metal details, size guidance, return policies, secure checkout, and a shopping experience that feels premium. In this guide, we will cover the complete process of Selling Jewelry on Shopify, including store setup, product presentation, marketing, upsells, and post-purchase tricks that can help you get more value from every order. How to sell jewelry on Shopify Step 1: Choose a Clear Jewelry Niche Most competitor blogs start with niche selection, and for good reason. Shopify’s own jewelry business guide also lists finding a niche, researching trends, defining the brand, sourcing products, taking product photos, building the store, marketing, and scaling as core steps. Your niche helps customers understand why they should buy from you instead of another store. A general jewelry store can work, but a focused brand is easier to position. You can build your niche around: Minimal everyday jewelry Premium gold-plated jewelry Handmade or artisan jewelry Bridal and engagement jewelry Personalized name necklaces Men’s bracelets and chains Spiritual, cultural, or zodiac jewelry Affordable luxury jewelry Stackable rings and bracelets Gift-ready jewelry for birthdays, anniversaries, and weddings Many Shopify jewelry stores perform better when they sell around a lifestyle, not just a product. For example, instead of saying “We sell rings,” your brand can say “Everyday stackable rings for modern women.” That instantly creates a clearer customer image. Step 2: Build a Brand That Feels Trustworthy Jewelry is not an impulse product for every customer. Some products may be affordable, but buyers still care about quality, material, packaging, skin safety, durability, and returns. Your brand identity should answer these concerns before the customer asks. Create a strong brand foundation with: A clear brand story Consistent logo, colors, and typography Premium product photography Detailed product descriptions Easy-to-find policies Customer reviews Gift packaging details Care instructions Authentic product videos For jewelry Shopify stores, trust is part of the design. A clean homepage, elegant product cards, visible reviews, and a simple navigation structure can make the store feel more premium. Your brand should also define what makes your jewelry different. Is it handmade? Tarnish-resistant? Waterproof? Customizable? Ethically sourced? Gift-ready? Designed for daily wear? These details help customers justify the purchase. Step 3: Select the Right Shopify Theme Competitor blogs often include theme recommendations because jewelry stores depend heavily on visuals. A good theme should make your products feel premium without slowing down the site. BOGOS also includes themes, product media, collections, apps, homepage optimization, marketing, store examples, and FAQs in its Shopify jewelry guide structure. When choosing a Shopify theme for a jewelry store, look for: Large product image support Mobile-first product pages Quick view option Video support Product filtering Collection-focused layout Lookbook or lifestyle image sections Sticky add-to-cart Recently viewed products Cross-sell sections Fast loading speed If you are just starting, Dawn can work well as a free theme. For premium jewelry brands, choose a theme with stronger visual storytelling, editorial sections, and better collection layouts. The best Shopify jewelry stores do not overload the homepage. They guide customers through clear sections like new arrivals, bestsellers, gifts under a certain price, personalized jewelry, and occasion-based collections. Step 4: Create Product Pages That Sell Your product page is where trust and desire meet. Nivoda’s guide on Shopify jewelry sales recommends rich product descriptions that go beyond basic specs and include craftsmanship, stone quality, carat weight, origin, and care instructions to support both SEO and buyer confidence. For Selling Jewelry on Shopify, every product page should include: Product name with material or style Clear pricing Multiple high-quality images Short product benefit summary Metal, stone, plating, size, and weight details Size guide Care instructions Shipping and return details Warranty or guarantee information Customer reviews Gift packaging details Related products A weak product description says: “This is a gold necklace for women.” A stronger description says: “Designed for everyday layering, this 18k gold-plated necklace adds a minimal shine to workwear, party outfits, and casual looks. Its lightweight chain makes it comfortable for daily wear, while the gift-ready packaging makes it a thoughtful choice for birthdays and anniversaries.” The second version gives style, usage, occasion, and gifting value. That is what helps customers imagine the product in their life. Step 5: Organize Collections Around Buying Intent Do not create collections only by product type. Jewelry shoppers often search by occasion, price, material, and recipient. Useful collection ideas include: Rings Necklaces Earrings Bracelets Anklets Personalized jewelry Gifts for her Gifts for him Wedding jewelry Minimal jewelry Gold jewelry Silver jewelry Jewelry under $50 New arrivals Bestsellers Stackable sets This type of collection structure helps both users and SEO. It also gives you more opportunities to create targeted landing pages for paid ads and email campaigns. Step 6: Use Post-Purchase Tricks That Feel Natural Post-purchase upsells work because the customer has already trusted your brand. They have completed the hardest step: placing the first order. Now you can offer something that improves their purchase. Shopify’s developer documentation notes that thank you and order status pages appear at the end of checkout and can be customized using checkout UI extensions. Here are some post-purchase tricks for jewelry Shopify stores: 1. Offer Matching Products If someone buys earrings, offer the necklace from the same collection. If someone buys a pendant, offer the matching chain. 2. Promote Gift Packaging Jewelry is often bought as a gift. Offer premium packaging, greeting cards, or custom notes after purchase. 3. Add Jewelry Care Products Offer polishing cloths, storage boxes, anti-tarnish pouches, or cleaning kits. 4. Use Limited-Time Offers Carefully Countdown timers can work, but avoid making the offer feel cheap. Use wording like “Add this matching piece before your order is packed.” 5. Offer a Second Piece at a Small Discount For stackable rings or bracelets, offer a second piece with a small discount. This works well because stacking jewelry looks better in pairs or sets. 6. Promote Bestsellers If the original product does not have a perfect match, recommend a bestseller from the same price range. These small offers can turn a single-product order into a larger order without interrupting checkout. Use SellMore to Increase AOV After Checkout Once a customer buys jewelry, the buying journey does not have to end. This is where SellMore Post Purchase Upsell can be useful for Shopify merchants who want to increase average order value without disturbing the original checkout flow. SellMore helps merchants show upsell offers on pages such as the post-purchase page, thank you page, order status page, and checkout page for Shopify Plus stores. Sell More After Every Sale Show irresistible one-click post purchase upsells at the right moment that converts.
8 Min • 11 July 2026
How to Enable Shopify Lazy Load (2026 Step-by-Step Guide)
Images are always the heaviest thing on a Shopify page. Loading every one of them the moment a page opens is what affects the store’s speed. Shopify lazy load is the fix. It tells the browser to download images only as a shopper scrolls toward them. The first screen loads fast, and your visitors stop staring at a blank layout. I have helped design enough Shopify stores to know the mistakes owners make during optimization. I will walk you through the whole thing the way I actually do it. You will learn what lazy loading is, how to check what your theme already does, and how to enable lazy loading in your store. What is lazy loading? Lazy loading is a technique that delays loading images, videos, and other heavy files until they are about to appear on screen. Instead of fetching every image the instant a page opens, the browser downloads only what a visitor can see, then pulls in the rest as they scroll. Less to download up front means a faster store speed and lower data usage, which matters most on mobile. When a page loads, the browser reads the HTML and queues every <img> tag for download. Grabbing all of them at once slows everything down. Lazy loading tells the browser to hold off on the images below the fold, the ones a shopper cannot see yet. One thing worth knowing is that you no longer need to be technical to enable lazy loading. But there are a few things I do before I add lazy loading in the store. First, check if your Shopify theme already lazy loads Most themes built on Online Store 2.0, including Dawn, Craft, Sense, and Refresh, ship with lazy loading on below-the-fold images by default. Adding it again on top duplicates the attribute. Here is the 20-second check I do: Open a collection or product page that has images below the fold. Right-click any image you have to scroll to reach, then click Inspect. Look at the <img> tag in the panel that opens. If you see lazyload and you did not add it yourself, your theme already handles it. Here's how I checked if lazy loading is enabled in the Shopify store, Houseplant. So if your theme is modern and you have already added lazy load, leave it alone. If you are on an older theme or building custom sections, here’s how you can set it up. How to set up Shopify lazy load in your theme? If your theme does not lazy load, or you are editing custom sections, you add the loading="lazy" attribute to the image tags in your Liquid files. The best method in 2026 is to render images with Shopify's image_tag filter, which handles lazy loading, responsive sizing, and dimensions for you. Whatever route you take, duplicate your theme first, so you have a safe rollback if something breaks. Go to Online Store > Themes, click Actions next to your live theme, and choose Duplicate. Work on this copy. To enable lazy loading in Shopify across the whole store, you edit the theme's section and snippet files. Go to Online Store > Themes > Actions > Edit code, then search your files for <img. Common places to look: snippets/card-product.liquid for the product cards used across collections and recommendations sections/featured-collection.liquid for homepage product rows sections/main-collection-product-grid.liquid for collection page grids Add loading="lazy" to the image tags that render below-the-fold content, then save and preview. For example: <img src="{{ section.settings.image | image_url: width: 800 }}" loading="lazy" alt="Product Image"> Pair lazy loading with correctly sized files too. My Shopify image size guide covers the dimensions that keep files light. Which images should you lazy load? The one rule that matters most: do not lazy load anything a shopper sees the instant the page opens. Below are the images you should definitely add the lazy load attribute. Product gallery images Recommended and recently viewed products Blog body images Footer images and badges Lazy loading and Core Web Vitals in 2026 Core Web Vitals are Google’s way of measuring how fast, stable, and responsive your Shopify store feels to visitors. Google currently measures three main Core Web Vitals: 1. Largest Contentful Paint (LCP) LCP measures how quickly the main content at the top of the page appears. This is often your hero banner, product image, or large heading. A good LCP score is under 2.5 seconds. Your main hero image should not be lazy-loaded because customers need to see it immediately. Instead, load the hero image normally and lazy-load images farther down the page. 2. Cumulative Layout Shift (CLS) CLS measures whether content unexpectedly moves while the page is loading. A good CLS score is under 0.1. For example, a customer may try to tap a product button, but an image suddenly loads above it and pushes the button downward. This creates a frustrating shopping experience. 3. Interaction to Next Paint (INP) INP measures how quickly your store responds after a customer clicks, taps, or interacts with something. A good INP score is under 200 milliseconds. Check your scores by visiting ‘pagespeed.web.dev’ and entering your store URL. What this means for your Shopify store Lazy loading works best when you: Load hero images and other above-the-fold content immediately. Lazy-load product images and content farther down the page. Add width and height values to prevent layout movement. Avoid loading too many large images at the same time. Test important pages after making changes. In my experience, collection pages often benefit the most because they usually contain many product images. Do you need a lazy load Shopify app? For images alone, you usually do not need an app. Native browser lazy loading works everywhere, and Shopify's image_tag filter applies it for you. Where a lazy load Shopify app earns its place is in bundling. The good ones compress files, add video facades, defer non-critical scripts, and fix Core Web Vitals. This is useful if you do not want to touch code. If you are weighing options, my guide on top Shopify tools for growth combines image optimization with speed fixes. My honest take after doing this for a living: reach for native lazy loading first, add a well-reviewed speed app only if you need the extra features. If you do want apps for this. I would recommend 3 that I have worked with. 1. Tiny SEO Speed Image Optimizer Tiny SEO offers lazy loading alongside image compression, resizing, alt-text optimization, broken-link management, and other SEO tools. It is a suitable option for merchants looking for an all-in-one image and store optimization app. 2. Avada AI SEO Suite Optimizer Avada combines lazy loading with image optimization, code minification, SEO audits, structured data, and redirects. It can be useful for merchants who want to improve both store speed and technical SEO from one dashboard. 3. WEBP Image Optimizer+Speed SEO This app compresses images, converts JPG and PNG files to WebP, and provides built-in lazy loading. It is worth considering if large image files are the main reason your product or collection pages load slowly. How to test that lazy loading is working Start with DevTools: Open a page with below-the-fold images, right-click, and choose Inspect. Go to the Network tab and, if you like, filter by Img. Refresh the page and scroll slowly from the top. If image requests fire as you scroll instead of all at once, lazy loading is working. I tested it on Netlfix.shop, which is Netflix’s merch store built on Shopify Get Shopify lazy load right Get lazy load in your Shopify store right by letting your theme and the image_tag filter handle the media. Check what your theme already does before you write a single line of code, test with DevTools and PageSpeed Insights. Reach for an app or a developer when you genuinely need more than images handled. FAQs 1. Does Shopify lazy load images by default? Most modern Online Store 2.0 themes apply loading="lazy" to below-the-fold images automatically. Older themes may not. To confirm, right-click an image you have to scroll to see, choose Inspect, and check the <img> tag for loading="lazy". 2. How to lazy load images in Shopify? Shopify themes usually support lazy loading through the loading="lazy" attribute or the Shopify image_tag Liquid filter. To add lazy loading manually, go to Shopify Admin → Online Store → Themes → … → Edit code, open the relevant section or snippet, and find the image code. Add loading="lazy" to a standard image tag—<img src="image.jpg" loading="lazy" width="800" height="600">—or use Shopify Liquid: {{ image | image_url: width: 800 | image_tag: loading: 'lazy' }} 3. What is lazy loading? Lazy loading is a technique that delays loading images and other media until they are close to appearing on the customer’s screen. It reduces the amount of content loaded initially, helping Shopify pages open faster and use less bandwidth. 4. Which is the best lazy load Shopify app? Tiny SEO Speed Image Optimizer is one of the best lazy-loading apps for Shopify because it combines smart lazy loading with image compression, resizing, alt-text optimization, and other speed features.
