EComposer 3.1 Product Updates

We heard you loud and clear.

Since EComposer 3.0 dropped, you've been building, testing, pushing the new editor to its limits, and sending us your wishlist. And honestly? We loved every bit of it.

So we got to work.

EComposer 3.1 is here, and it's not a small patch. We're talking 36 brand-new page templates, 350+ sections, powerful new features like Popup Builder, Spin Wheel, A/B Testing, and a whole new layer of AI tools designed to help your store get found, get clicked, and get more sales.

Whether you're just getting started or you've already built your dream store on 3.0, this update has something for you. More flexibility. More data. More ways to turn visitors into customers.

Let's get into it.

What's New in EComposer 3.1? Features That Change How You Build

EComposer 3.1 isn't just a maintenance update. It's a full toolkit drop - eight brand-new features designed to help you capture more leads, test what actually works, and get found on the next generation of AI search engines.

Let's break them all down.

1- Popup Builder: Turn Every Page Into a Lead Machine

Want to grow your email list? Promote a flash sale? Show a special offer before someone exits?

With the new Popup Builder, you can do all of that - without touching a single line of code.

The best part? You can connect a pop-up directly to a form submit or button click. Capture the lead, confirm the action, all in one smooth flow.

You control the position, animation, overlay, close button style - everything. No third-party pop-up app needed.

→ Learn how to set up Popup Builder

2- Spin Wheel: Gamify Your Discounts and Watch Engagement Soar

Discount codes are everywhere. Spin-to-win experiences? Still rare enough to stop people mid-scroll.

The new Spin Wheel element lets you add a fully customizable, gamified prize wheel to any page - homepage, product page, landing page, or inside a pop-up.

Customers spin the wheel to win discounts, coupons, or free gifts. You set the prizes and the probability of winning each one.

Recommend for you: Pair Spin Wheel with Popup Builder to create a high-converting lead capture flow: visitor sees the popup, submits their email, spins the wheel, wins a discount.

That's one smooth conversion funnel - built entirely inside EComposer.

→ See how EComposer Spin Wheel works

3- Contact Form by EComposer: No More Third-Party Form Apps

Most page builders make you install a separate app just to add a basic contact form. Not anymore.

Contact Form by EComposer is a native form element built directly into the editor. Drag it onto any page, style it your way, and it just works.

Clean, simple, and one less app to pay for.

→ Explore Brand-new EComposer Contact Form element

4- A/B Testing: Stop Guessing. Start Knowing.

Which headline converts better? Does a video background help or hurt? Should the CTA be green or orange?

You don't have to guess anymore. A/B Testing in EComposer 3.1 lets you run real experiments on your pages and get data-driven answers.

A/B Testing (available from EComposer 3.1) lets you run real experiments on your pages and get data-driven answers. Create variants, split your traffic, and track real store-level metrics - visitors, conversions, add-to-cart rate, revenue, funnel drop-off points, device distribution, and element click data - all pulled directly from GA4 and Shopify Pixel.

Three test types available: Page Test, URL Test, and Template Test. When you have a winner, publish it with one click.

Quick note: A/B Testing connects directly with GA4 and Shopify Pixel for accurate, store-level conversion data - not just traffic metrics.

→ Set up your first A/B test

5- Flexbox Layout: Pixel-Perfect Alignment, Finally

Columns and rows are great - until they're not. When you need precise control over how elements sit, align, and respond across screen sizes, the standard grid layout hits its limits fast.

Flexbox Container in EComposer 3.1 gives you CSS Flexbox power right inside the editor. No code. No workarounds.

Here's what you can control:

• Flex direction: row, column, row reverse, column reverse
• Alignment: top, middle, bottom, baseline, stretch - on both axes
• Wrapping: wrap items to a new line when space runs out
• Gaps: set row gap and column gap independently for clean, consistent spacing
• Items per row: cap how many elements appear per line

It's especially useful for building responsive layouts without creating multiple nested inner rows. Less structure, more flexibility.

Flexbox Container replaces complex nested layouts with a single, flexible container. If you've ever spent 20 minutes fighting column alignment, you'll appreciate this one.

→ Learn Flexbox Layout in EComposer

7- Page Analytics (Upgrade): Know Exactly What Your Pages Are Doing

You built the page. But is it actually working?

Page Analytics in EComposer 3.1 has been significantly upgraded with new data dimensions that give you a clearer picture of how visitors behave - and where they drop off.

New in this update:

• Sessions by device: mobile vs. desktop vs. tablet breakdown
• Sessions by location: see which countries and regions drive your traffic
• Sessions by landing page: know which pages visitors enter your store from
• Traffic sources: Direct, Google, Facebook, Instagram, YouTube - all tracked
• Top products viewed: see which products get the most attention on each page
• Conversion rate breakdown: visual funnel from visitors → add to cart → checkout → purchase

All of this is built directly into EComposer - no additional analytics app needed.

The conversion funnel view alone is worth it. See exactly where visitors drop off, fix that step, and watch your conversion rate climb.

The EComposer Page Analytics is in the Extra feature tab.

→ Explore the EComposer Page Analytics

8- Hover & Click Animations: All Your Animations, One Unified Tab

Before 3.1, Entrance and Scrolling animations lived in separate places. Finding them took extra clicks. Managing them felt scattered.

EComposer 3.1 fixes that.

Everything is now consolidated under a single Animation tab in the Advanced settings - and two brand-new animation triggers have been added: Hover and Click.

Four triggers, one tab: Entrance (element appears), Scrolling (visitor scrolls), Hover (cursor moves over), Click (visitor clicks). 

For each trigger, set your animation type, delay, and loop behavior.

36 New Templates: Fresh Designs for Every Store, Every Niche

EComposer 3.1 ships with 36 brand-new page templates and 350+ new sections - the biggest template drop we've ever done in a single update.

But first, two template types worth calling out.

Freedom Layout Templates: Design Without Boundaries

If you've tried the Freeform Canvas in EComposer 3.0, you already know the feeling. No grids. No column restrictions. Just total creative control over where every element lives on the page.

These new Freedom Layout templates are built to show you exactly what's possible when the canvas is truly yours.

• Yoga Funnel - a conversion-focused landing page for wellness brands, flowing and calm
• Meditation Candles - rich, moody atmosphere that makes products feel like an experience
• Flower Shop Freedom - organic, layered layout that feels as natural as fresh blooms
• BFCM Home Page - high-energy Black Friday homepage built to drive urgency and clicks
• Freshener Product - clean, airy product page that lets the lifestyle imagery do the talking
• Food Dog Freedom Landing - bold landing page built for pet food brands with personality

Freedom Layout templates give you a head start on designs that simply aren't possible with traditional grid-based builders. Pick one, make it yours.

Flexbox Layout Templates: Precision Meets Polish

These templates are built using the new Flexbox Container - EComposer 3.1's most powerful layout tool. Every section is pixel-perfect, responsive by default, and aligned exactly the way a designer would do it by hand.

• Lumismooth Landing - sleek, high-converting landing page for beauty tech products
• Luxury Spa - premium feel, generous whitespace, built for high-end service brands
• Glowly Beauty - vibrant beauty homepage with editorial-style layout
• Minimal Glowly - the cleaner, more minimal sister to Glowly Beauty
• Men's Skincare - sharp, confident layout built specifically for men's grooming brands

These aren't just templates - they're live examples of what Flexbox Layout can do. Use them as-is or as a starting point for your own design system.

Browse by Category

1- Beauty & Skincare

The most competitive niche deserves the sharpest pages. These templates are built to build trust fast and convert browsers into buyers.

• Collagen Booster Product: https://ecomposer.app/demo/8757 
• Face & Body Care: https://ecomposer.app/demo/10060 
• Men's Skincare: https://ecomposer.app/demo/10100 
• Glowly Beauty: https://ecomposer.app/demo/10102 
• Minimal Glowly: https://ecomposer.app/demo/10104 
• Body Skincare: https://ecomposer.app/demo/10106 
• Luxury Spa: https://ecomposer.app/demo/10107 
• Lumismooth Landing: https://ecomposer.app/demo/10329 

2- Fashion & Apparel

From streetwear to luxury - bold, editorial layouts that make your products the star.

• Trending Fashion: https://ecomposer.app/demo/8750 
• Sportswear Store: https://ecomposer.app/demo/9679 
• Daily Fashion: https://ecomposer.app/demo/9898 
• About Us Sportswear: https://ecomposer.app/demo/10068 

3- Health, Wellness & Supplements

Pages that don't just sell - they educate, build trust, and convert.

• Vital Supplement: https://ecomposer.app/demo/9720 
• Yoga Funnel: https://ecomposer.app/demo/10065 
• Meditation Candles: https://ecomposer.app/demo/9973 

4- Sports & Outdoors

High-energy layouts for brands that move as fast as their customers.

• Climbing Backpack Product: https://ecomposer.app/demo/8775 
• Mountain Bike: https://ecomposer.app/demo/9688 

5- Home, Garden & Lifestyle

Warm, editorial layouts that help customers imagine your products in their space.

• Eco Plant Shop: https://ecomposer.app/demo/9508 
• Haven Furniture: https://ecomposer.app/demo/9713 
• Handcraft Studio: https://ecomposer.app/demo/9686 
• Flower Shop Freedom: https://ecomposer.app/demo/9901 
• Florist Store: https://ecomposer.app/demo/9701 
• Freshener Product: https://ecomposer.app/demo/9881 

6- Electronics & Tech

Clean, feature-rich layouts built to showcase specs and drive add-to-cart.

• Mega Electronic: https://ecomposer.app/demo/9684 
• Smart Watch: https://ecomposer.app/demo/9703 

7- Food & Pet

• Food Dog Freedom Landing: https://ecomposer.app/demo/9708 
• Kitchenwear Product: https://ecomposer.app/demo/9883 

8- Automotive

• Auto Car Parts: https://ecomposer.app/demo/9887 

9- Print on Demand

• POD Studio: https://ecomposer.app/demo/9894 

10- Black Friday / BFCM

Three dedicated templates for your biggest sales event of the year - homepage, collection, and product page, all matched and ready to go.

• BFCM Home Page: https://ecomposer.app/demo/9915 
• BFCM Collection Page: https://ecomposer.app/demo/9963 
• BFCM Product: https://ecomposer.app/demo/9966 

11- Store Pages

• Pricing Plan: https://ecomposer.app/demo/8750 
• Contact Us: https://ecomposer.app/demo/10074 
• Bottle Product: https://ecomposer.app/demo/10070 

350+ new sections also means you're not locked into full-page templates. Mix, match, and build your own layouts section by section - the library has everything you need.

New Extensions & Integrations: More Tools to Sell Smarter

EComposer 3.1 adds one new built-in extension and two powerful third-party integrations - all designed to help you increase revenue, reward loyal customers, and bring back browsers who almost bought.

1- Recently Viewed Products: Bring Shoppers Back to What They Loved

Ever had a customer browse three products, get distracted, and leave? Yeah. We all have.

Recently Viewed Products is a new built-in extension in EComposer 3.1 that automatically tracks and displays products each visitor has already looked at - right on your homepage, product page, cart page, or anywhere you choose.

No third-party app. No extra cost. Just drag, drop, and done.

Here's what you can configure:

• Product limit, items per row, gap, and layout type
• Slider navigation with custom icons
• Show second image on hover, hide price, show vendor, and truncate title
• Sale badges, sold-out badges, product tag badges, and sale value badges
• Variant swatches - color picker or image picker
• Add to cart button with custom text for every state: default, pre-order, added, sold out

Customers who see a "Recently Viewed" section are significantly more likely to return to a product and complete their purchase. It's one of the highest-ROI features you can add to any store page - and it's now built right into EComposer.

→ Install Recently Viewed Products extension

2- EComposer × AOV Bundles Upsell: Turn Every Product Page Into a Bundling Machine

More items per order. Higher average order value. Less ad spend is needed to hit your revenue targets.

That's what the AOV Bundles Upsell integration brings to your EComposer pages.

Connect your AOV.ai app to EComposer and start displaying bundle offers - Volume Discounts, Frequently Bought Together, Bundle Builder, and more - directly on any page you've built. No coding. No workarounds.

One important note: the bundle type you create in AOV.ai must match the widget type you select in EComposer. A mismatch means the bundle won't display correctly on your live page.

This integration works on live pages. Preview inside the editor shows placement only - always click "View on page" to confirm the final result.

→ Set up AOV Bundles Upsell

3- EComposer × Growave Rewards: Show Loyalty Points Directly on Your Pages

Loyalty programs only work when customers actually see their points. If your rewards widget is buried in a corner of the site, most shoppers won't notice it - and won't be motivated by it.

With the new Growave: Loyalty Info Widget integration, you can place your loyalty program front and center, on any EComposer page, exactly where it has the most impact.

Display a customer's current points balance, available rewards, and membership status - right on your product page, homepage, or anywhere that nudges them toward their next purchase.

Customers who are aware of their loyalty points spend more per order and come back more often. This integration makes sure they never forget how close they are to their next reward.

→ Set up Growave Rewards integration

Other improvements

This update isn't just about new features. We've also made a round of meaningful improvements to things you already use every day.

• AI Layout Builder is faster and smarter. Layout generation now produces results more quickly, and the output is more niche-specific - meaning if you're building a skincare page, the AI gives you a skincare layout, not a generic one.
• Search pages by URL, Handle, or ID. Finding the right page inside EComposer just got a lot easier. No more scrolling through a long list - just type in what you know and jump straight to it.
• Entrance Animation is now part of the unified Animation tab. Previously separate, Entrance and Scrolling animations are now consolidated under one tab alongside the new Hover and Click triggers. Everything in one place, less clicking around.
• Editor navigation now supports Pin mode. Keep the navigation panel locked in place while you work. No more accidentally collapsing it mid-design.
• Featured Blog element. Highlight your latest or most important blog posts directly on any page - no custom coding needed.

Ready to Build with EComposer 3.1?

That's everything in this EComposer 3.1 update - new features, smarter AI tools, fresh templates, and meaningful improvements that make every build faster and cleaner.

It's all live. No waiting. Just open your dashboard and start exploring.

New to EComposer? Join 100,000+ Shopify merchants and install EComposer free on the Shopify App Store.