Ecommerce

Gather knowledge about the latest insights, updates, tips, and tricks in the Ecommerce industry.

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

8 Min • 11 May 2026

Best Shopify Font Pairings: 25+ Combinations for Luxury, Minimal, Bold Stores

Visitors decide if they trust your store in 0.05 seconds (Source: Google Research). The font you pick has more to do with that snap judgment than your product photos, color palette, or headline copy. I've helped dozens of Shopify store owners pick the best Shopify fonts over the years. Here's a list of: 25+ tested font pairings, inspired by the aesthetic vibe buyers want: Luxury, minimal, bold, modern, or playful. Shopify font pairings on this list are in Shopify's typography settings, so no coding is needed. I've also packed in a quick install guide and the font mistakes I see on new stores all the time. Why do font pairings decide whether your store sells? Shoppers don't notice fonts when they are in your store, but they feel them if they are bad. For example, a skincare brand using bold display fonts feels cheap. This mismatch creates friction, even if the shopper can't explain why. Three things shift the moment you pick the right pairing: Trust climbs (especially for luxury and DTC brands) Mobile readability improves, and bounce rate drops Brand recall sticks after a single visit How to pick the best Shopify font for your store (My 5-step filter) 1. Match the mood to your brand vibe Type your tagline in the font. Does it feel like your brand or someone else's? If it doesn't click in three seconds, move on. 2. Check mobile readability Pull up a product description in the font on your phone. If you're squinting, it's failing. Look for tall lowercase letters and open shapes. 3. Cap it at 2 font families More than two fonts hurts page speed and confuses the eye. Choose one for headings and one for body. 4. Build contrast For example, pair a serif heading with a sans serif body. Or use one family with heavy-weight contrast (Black for headings, Regular for body). 5. Test live Push the pairing to your homepage and one product page. Watch it for a week and see how the bounce rate metric of your store is. The 6 font styles every Shopify owner should recognize Serif has small strokes at the ends of letters. Feels classic, editorial, trustworthy. Examples: Playfair Display, EB Garamond, Bodoni. Sans serif has clean lines, no strokes. Feels modern, neutral, friendly. Examples: Inter, Helvetica, Poppins. Slab serif has thick, blocky strokes. Feels confident and grounded. Example: Roboto Slab. Script mimics handwriting. Good for logos, terrible for body text. Example: Pacifico. Display is built for huge headlines only. Example: Bebas Neue. Monospace gives every letter equal spacing. Feels technical or editorial. Example: IBM Plex Mono. For new Shopify stores, stick with serif + sans serif combos. They are the best Shopify font combinations that give an aesthetic and modern vibe to your store. 25+ Best Shopify font combinations sorted by aesthetic vibe Luxury Shopify font pairings for high-end & premium stores Playfair Display + Lato. The classic luxury combo. Dramatic serif headings, soft body text. Cormorant Garamond + Montserrat. My personal favorite for jewelry brands. Bodoni Moda + Inter. Editorial Vogue vibe. Works for fashion and beauty. EB Garamond + Karla. Heritage feels without looking dated. Prata + Lato. Refined and easy to read. Strong choice for skincare. Cinzel + Lora. Cinzel adds a great aesthetic for capital-lettering. I mostly use this combo for hero sections. Italiana + Raleway. Italiana is thin and elegant. Pair with light Raleway for collection pages. Minimal Shopify font pairings for clean, lifestyle stores Inter Bold + Inter Regular. This is the cleanest setup possible. Work Sans + Source Serif Pro. Modern aesthetic vibe for your store DM Sans + DM Serif Display. Pre-built pairing from the same designer. Questrial + Nunito Sans. Soft, rounded, and gentle. Great for wellness brands. Manrope + IBM Plex Serif. A good combo if your store is into tech. Good for premium digital products. Helvetica Neue (heading) + Helvetica Neue (body). This is one of the best Shopify font combinations that merchants have been using for a long time. Best Shopify font combinations for high-Impact stores like fitness or streetwear Oswald + Open Sans. This combination is built for fitness and supplement brands. Bebas Neue + Roboto. A staple in the streetwear space. This combo pairs well with sharp photography. Anton + Lato. This pairing is a little heavier than Bebas. Good for sports and outdoor gear. Archivo Black + Archivo. Same font family, but has a massive weight contrast. Great for designer brands. Big Shoulders Display + Karla. Gives an industrial feel to the store. Works for tools, equipment, and gear. Bungee + Quicksand. Quirky, playful font pairing. Best for kid brands or merch shops. Shopify fonts aesthetic vibe pairing: Modern Sans Serif trend Poppins + Roboto. The default modern combo for brands. Plus Jakarta Sans Bold + Plus Jakarta Sans Regular. Trending hard right now in 2026. Space Grotesk + Space Mono. Slightly nerdy & cool. Loved by tech brands. Outfit Bold + Outfit Regular. Best used for headlines and editorial content. Satoshi + Inter. Another great Shopify San Serif combo for that modern aesthetic vibe. Playful and editorial Shopify pairings Fraunces + Inter. Fraunces is a great font that has a personality in every letter. Plays well with neutral body text. Recoleta + Work Sans. Soft serif with a friendly sans. I have suggested this for countless DTC startups. Pacifico + Poppins. A fantastic casual and fun combo. Real Shopify stores nailing their font game Allbirds Rounded sans serif with hand-drawn touches. Makes their "eco-friendly" pitch feel approachable, never preachy. Kith Restrained, oversized serif. Whitespace does most of the talking. Pure luxury minimalism. Teenage Engineering Monospace fonts throughout. Reads like a technical blueprint and matches the product perfectly. Warmly A dropshipping brand using serif fonts to look like a heritage decor label. Proof that typography alone can elevate any niche. Gymshark Tall, condensed sans serif with heavy weights. Matches their athletic, no-excuses voice. How to add custom fonts to your Shopify store (2 Methods) Method 1: Theme settings (zero code, 2 minutes) Open your Shopify admin, go to Online Store, Themes, Customize, Theme Settings, Typography. Pick a heading font and body font from the Shopify font library. Save. Method 2: Custom font upload Upload your WOFF2 file to the Assets folder in your theme code. Add a @font-face rule in your theme.scss.liquid file. Reference the font in your CSS variables. I have written a complete breakdown on adding custom Shopify fonts to stores. Mistakes I see when selecting the best Shopify font combinations Three or more font families on one page: Reduces page speed & confuses the eye. Body text under 16px on mobile. Anything smaller and shoppers bounce. 16-18px is the sweet spot. Light grey body text on white. This is a big mistake I see store owners make. Use #333 or darker. Loading every weight from Google Fonts. Reduce your font load from 800 KB to 400 to 700 (Regular and Bold) Script fonts in product descriptions. This is beautiful for a logo, but unreadable for a 200-word product description. Quick font picks by Shopify niche NicheBest Shopify font combinations Fashion and apparelBodoni Moda + Inter, or Oswald + Open Sans for streetwearBeauty and skincareCormorant Garamond + Montserrat, or Prata + LatoTech and electronicsSpace Grotesk + Space Mono, or Manrope + IBM Plex SerifHome and furnitureFraunces + Inter, or EB Garamond + KarlaFood, beverage, and CPGRecoleta + Work Sans, or Poppins + RobotoJewelry and accessoriesItaliana + Raleway, or Cinzel + LoraFitness and supplementsAnton + Lato, or Bebas Neue + Roboto Which free tools to use to test Shopify font pairings? Google Fonts pairing previewer, Fontjoy, Typewolf, and Shopify theme preview mode are some of the tools I use regularly to test the best Shopify font combinations So, which is the best font for Shopify stores in 2026? The best font for a Shopify store is the one that converts for your audience. Here’s what I would do in 2026 if I wanted to pick the best font for my Shopify store. Pick two pairings from this list. Run them on your homepage and one product page for seven days. Track three metrics: bounce rate, time on page, and add-to-cart rate. Keep the pairing that wins. FAQs 1. Which is the best font for Shopify stores in 2026? The best font for a Shopify store's success in 2026 is Inter, hands down. It's clean, free, loads fast, and works across every niche from luxury to streetwear. 2. Where can I find the best Shopify fonts and aesthetic vibe inspiration for my store? Pinterest boards, Typewolf, and the Shopify Theme Store demo pages are my three go-to spots for Shopify fonts aesthetic vibe inspiration. 3: What's the best Shopify fonts aesthetic vibe modern sans serif combination? For a Shopify fonts aesthetic vibe, modern sans serif look, my top pick is Plus Jakarta Sans Bold paired with Plus Jakarta Sans Regular. It feels premium, loads fast, and works across every niche from skincare to SaaS. 4. Which fonts are available in Shopify? Shopify gives you access to two font libraries inside the theme customizer: its own system fonts (like Helvetica, Georgia, and Times New Roman) and the full Google Fonts catalog with 1,500+ free options. 5. How to add custom fonts to a Shopify store? Three ways to add custom fonts. The easiest is picking a Google Font directly from Online Store > Themes > Customize > Theme Settings > Typography. For paid foundry fonts, upload the WOFF2 file to your theme's Assets folder, and add a @font-face rule in your theme.scss.liquid file, and reference it in your CSS. Apps like Fontify also work if you'd rather skip the code.

3 Min • 15 May 2026

Shopify Discount Combinations: 8 Ways to Combine Offers Without Losing Margins

Running promotions feels great until you check your margins and realize you gave away the store. The real challenge with Shopify discount combinations isn't attracting buyers; it's structuring offers that move product and protect profitability. This guide breaks down 8 proven strategies for combining discounts on Shopify, when to use each one, and the guardrails that keep your numbers healthy. Why Discount Combinations Are a Double-Edged Sword Shopify's native discount engine has grown significantly. You can now stack automatic discounts, apply Shopify discount codes at checkout, and layer product-level deals with order-level offers. That flexibility is powerful but it creates risk. A customer who stacks a 20% automatic discount, a 15% Shopify discount code, and a free shipping threshold can trigger a combined discount that wipes out your gross margin entirely. Without intentional structure, promotions become a liability. The goal: combine discounts in ways that increase average order value (AOV) and customer lifetime value (LTV), not just transaction volume. 8 Strategies for Shopify Discount Combinations That Protect Margins 1. Tiered Volume Discounts + Free Shipping Threshold What it is: Offer percentage discounts that increase with order quantity (buy 2, save 10%; buy 4, save 20%), layered with a free shipping unlock above a minimum order value. Why it works: Each tier rewards larger purchases. Free shipping acts as the final nudge without compounding the percentage discount it costs you a fixed fulfillment amount rather than a percentage of revenue. Margin protection tip: Set your free shipping threshold above the break-even point for your average shipping cost. If standard shipping runs $8, set the threshold where that $8 represents less than 3-4% of the order total. How to set it up: Use Shopify's native tiered pricing through variants or a dedicated Shopify discount app like iCart to create quantity break rules. Pair with a free shipping automatic discount triggered by cart total. 2. Bundle Discount + Loyalty Code What it is: Offer a fixed discount on a curated product bundle, then allow loyal customers to apply a one-time Shopify discount code on top but only if the code is amount-based rather than percentage-based. Why it works: Bundles already improve margins by moving multiple SKUs in one transaction. An amount-based loyalty code ($5 off, $10 off) has a known, capped cost. A percentage code layered on a bundle, however, compounds. Margin protection tip: Never allow percentage-based codes to stack with percentage-based bundles. Swap one leg to a fixed-dollar format. Your margin floor becomes predictable. How to set it up: Create the bundle as a dedicated product or use a bundling app. In Shopify's discount settings, set the loyalty code to "fixed amount" and apply it at the order level, not the product level.

9 Min • 15 May 2026

How to Add Different Size Guides with Metafields in Shopify? (For Each Product)

You sell tees, hoodies, sneakers, and pet collars in one store. Using one generic size chart for all of them? This increases your return rate significantly. Almost all fashion returns come down to fit. Good news: you can show a different size guide for every product without an app, without code, and without hiring a developer. I've built this setup on Dawn, Sense, Crave, and a couple of custom themes. The steps below work on any Online Store 2.0 theme. You can skip the heavy lifting with TablePress TablePress Size Chart & Guide is the best size chart app for Shopify. You can add a clean, mobile-responsive size chart in one click. No code, no theme edits. Pick a template, match your brand, and ship in minutes. Worth a look before you commit to the manual metafield route below. What's a size chart metafield in Shopify? A metafield is a custom field you add onto a product, collection, or page to store extra info that Shopify doesn't capture by default. Pair one with a size chart, and you get a single definition that pulls the right chart for each product. Edit once, and you don't need to copy-paste the same chart into 40 product descriptions. Think of the metafield as a quiet label telling your theme: "for this product, show that chart." Apps vs metafields: Which one do you actually need? Quick rule from my own builds: Under 50 SKUs, English-only store, simple measurements: stick with metafields. 100+ SKUs, multi-language. AI fit recommendations, or bulk CSV uploads: An app is what I would recommend. If you are a new store in 2026, start with metafields. You can always migrate to an app later when the catalog grows. Quick eligibility check before you add different size guides Three boxes to tick: Your theme is Online Store 2.0 (Dawn, Sense, Refresh, Crave, Impulse, Studio, and most modern free or paid themes qualify). Your Size option is already set up on the product. If not, sort that first using my Shopify size variants guide. If your size option isn't set up yet (XS, S, M, L), my How to Add Size on Shopify to Products guide covers that part first. You have admin access to Settings > Custom data. How to add different size guides with metafields in Shopify? Step 1: Plan the size guides you actually need List the product groups that need their own chart. Here’s an example list from a recent client build: Men's t-shirts Women's dresses Kids' hoodies Unisex sneakers Pet collars Now pick a format: Rich text table inside a Shopify page (easiest to edit) Image upload (good for design-heavy charts) PDF (works, but not good for mobile) Step 2: Build a page for each size chart Shopify admin > Online Store > Pages > Add page. Name each page by category, not by product. For example: "Men's Tee Size Chart" works. Build the chart inside the rich text editor or upload your image. Set visibility to Visible. Hidden pages will break the metafield link. Repeat for every chart you listed in Step 1. Step 3: Create the size chart metafield definition Settings > Custom data > Products > Add definition. Fill in: Name: Size chart Namespace and key: custom.size_chart (Shopify usually auto-fills) Type: Page reference (my default for the page method) Storefront access: keep it enabled Click Save. Quick note for the File method: pick File instead of Page reference and accept image files only. The display step changes a bit. Covered below. Step 4: Connect the metafield to your theme Open the theme editor on the Default product template. Click into the product information section. Add a new block, pick Pop-up. Click the dynamic source icon (looks like a small database icon next to the heading field). Pick the size chart from the list. Customize the link label. "View size guide" or "Find your fit" reads better than the default for shoppers. Save this template. Step 5: Assign a unique chart to each product Products > pick a product > scroll to the Metafields box > Size chart. Select the matching page from Step 2. Then click Save. Bulk tip: Use Shopify's bulk editor to assign the same chart to a full collection. This saves time if you've got 30 men's tees that share one chart. Step 6: Preview, test, catch edge cases Open the storefront. Check 3 products with different charts assigned. Click the size guide link on each one. Test on mobile too. Almost half of Shopify's traffic is mobile now. Your size chart for different products needs to look good on mobile. 3 ways to show different size guides for different products Picked the page method above? You're golden. Skip ahead to troubleshooting. Wanted options? Here are all three. Method 1: Page reference metafield (my default) Best for: 90% of new Shopify stores. How it works: one page per chart, metafield points to the right page per product. Wins: no code, mobile-friendly, edit once and updates everywhere. Drawback: needs an Online Store 2.0 theme with dynamic source support. Method 2: File metafield with a Liquid snippet Best for: Stores where size charts already live as PNGs from your designer. How it works: upload the chart as an image file in the metafield, drop a Liquid snippet in the product template. Paste into a Custom Liquid block: liquid {% if product.metafields.custom.size_chart.value != blank %} {{ product.metafields.custom.size_chart | image_url: width: 600 | image_tag }} {% endif %} Wins: works on vintage themes, fits design-heavy charts. Drawback: You need to code, and the chart sits inline instead of in a pop-up. Common issues when adding a size chart in shopify (And fixes) Real problems I've debugged on real client stores: The size guide link shows on products with no chart assigned Cause: the theme block doesn't check if the metafield is blank. Fix: wrap the block in a conditional Liquid check, or assign a default "general" chart page to every product. Metafield missing from the theme editor Cause: theme isn't Online Store 2.0. Fix: switch to Dawn (free) or any 2.0-compatible theme, or use the Liquid snippet method instead. Chart looks fine on desktop, breaks on mobile Cause: the chart image is too wide, or the rich text table has no responsive styling. Fix: keep tables under 5 columns. Compress images. Test on a phone, not just Chrome DevTools. Image won't load Cause: file is too large (over 20MB) or is in an unsupported format. Fix: stick with JPG, PNG, or WebP. Keep under 2MB. Pop-up opens blank Cause: the linked page is hidden, or the page is empty. Fix: re-open the page, set visibility to Visible, and confirm content is saved. Where metafields stop working (and you'll want an app) Honest limits I've hit on bigger client stores: No built-in cm to inches conversion. International shoppers do the math. No fit quiz or AI size recommendation. No CSV import for hundreds of charts. You'll click through every product manually. Per-product assignment gets tedious past 100 SKUs. Multi-language stores need translation workarounds since pages don't auto-translate cleanly. Hit two or more of these? Time to look at apps. Which is the best size chart app for Shopify? TablePress Size Chart and Guide, Kiwi Size Chart & Recommender, MP Size Chart & Size Guide (formerly Avada), BF Size Charts & Size Guide, Jotly Size Chart & Size Guide, and Clothes Size Chart & Size Guide are a few of the apps for adding size charts I recommended for merchants. Pro tips before adding a size chart in Shopify? Embed a "How to measure" graphic inside every chart page. Saves customers from guessing. Match the chart's tone with your product copy. I have seen a lot of mismatched brand tone and size chart copy. Sync the chart with your returns policy. Both should reference the same body measurements. Mention sizing in product photography (For example, Model is 5'10", wearing size M). Review return data monthly. Whichever product gets the most sizing-related returns, rework that chart first. Quick recap The metafield method is free, native, and good enough for most new Shopify stores. Apps earn their fee once you hit 100+ SKUs, go multi-language, or need AI fit features. Got questions? Drop them, and I'll cover the most common ones in the FAQ section below. FAQs 1. How to add a size chart to Shopify? You can add size charts in Shopify using size chart apps or metafields inside the Shopify settings. 2. How to add different size guides with metafields in Shopify? Create a separate page for each size chart, then build a Page reference metafield under Settings > Custom data > Products called Size chart. Connect it to your product template using a Pop-up block with a dynamic source, and assign the right chart page to each product from the Metafields box. Edit once and apply everywhere. 3. Which is the best size chart app for Shopify? TablePress Size Chart & Guide is my top pick for new stores. It has a ‘built for Shopify’ badge and lets you add a fully responsive size chart in one click without code. For larger stores that need AI fit recommendations or unit conversion, Kiwi Size Chart & Recommender is a solid alternative. 4. What are the benefits of using a size chart in online stores? A clear size chart cuts returns, boosts conversion rates, and builds shopper trust before they even hit Add to Cart. Most of the fashion stores get returns because of size issues. An accurate size reduces both returns and customer service tickets, which frees up hours for actually growing the store.