Shopify 2.0 Theme Sections

Build Shopify Theme sections in Webflow

Tired of looking like every other Shopify Store? Create 100% custom sections in Webflow and add them to any page in your Shopify store.

Start building with Liquiflow

How does it work?

The Section Converter lets you convert single sections instead of a whole theme - perfect for adding sections to your existing Shopify Theme without coding. Check our Documentation.

Build your section in Webflow

Design your custom section in Webflow. Add the li-section tag to define it and build settings for text, images, or anything else.

Copy it into Liquiflow

Copy your Webflow section into Liquiflow. The Converter generates the Shopify Section for you.

Use Liquify Pro to convert the Seciton in a working Liquid Section

Paste it into Shopify

Add a new section in your Shopify theme code editor, paste the code, save it and use your new section right away.

Take the generated section and paste it into webflow

Start building with Liquiflow now

24/7 Support-Team

1.2k+ Community

30 Free Components

Liquify Pro is battled tested by over 1200 developers

Community Testimonials

Join our

Community

Liquiflow is exactly what I’ve been needing for years. A clear, limitless way to build bespoke shopify sites with webflow. Beats building with headless or using annoying converter apps that don’t work. Bit of a learning curve, but well worth it and very enjoyable

Harry

Webflow Partner

I'm not a big agency, just a freelancer looking for efficient solutions. Liquiflow proved to be exactly what I needed - a simple, powerful way to export Webflow sites to Shopify theme.

I've been using it for a few months now, I was able to handle two projects for a very satisfying clients, one with over 200 products catalog without any headaches. Their tool made what could have been a complex process incredibly straightforward ! Highly recommend ! [...]

@Hacène H

Global Designer, 8 years of experience

Just stumbled upon this gem and wow - what a game-changer for Shopify store builders! 🎯

As someone who loves Webflow's design flexibility but needs Shopify's e-commerce power, this is exactly what I've been waiting for. The Github workflow integration is chef's kiss - finally bringing proper version control to Shopify theme development!

@Xi.Z

Ex Senior Director at OnePlus/ByteDance

This is awesome! We are a big fan of Liquiflow!!

Alexander Keil

Webflow Developer

We've been using Liquiflow for about a year now and it has been just awesome. There was definitely a learning curve there, coming from purely Webflow/low-code background, but it was totally worth it!

Very excited to work Liquiflow more in the future, now as a certified partner agency and congrats again!

Georgy Rakita

Founding creative developer @ nklnk

Amazing product to use on Shopify!

Ellie Do

Marketing Executive of GenLogin

If you're an e-commerce pro, & you've always wished that you could design your Shopify theme in Webflow as that's your design tool of choice, don't sleep on Liquiflow. After seeing a demo, if I was still building Shopify stores for clients now I'd be learning this amazing tool

Glenn

Founder TheFlowAgency

Liquiflow is by far the leader when it comes to Webflow to Shopify development if you haven't checked it out already you're missing out

@Rahul I

Webflow Developer

When we were deciding on tools for our Shopify build, going with Liquiflow was a no-brainer. The starter template has everything you need to get started, and if you need more, it’s super easy to extend.

The best part? The support and community are amazing. Got an issue or a feature idea? The team actually listens and helps you out. [...]

@Clyde Romo

Webflow Developer

I tried it out and was impressed at just how easy it is to get started and build something that looks good.

Kai Forsyth

Developer

So powerful! 💪🚀🚀

Raymmar

Community Builder

Liquiflow is a game-changer when it comes to create custom Shopify themes for premium customers. The app is packed with all the features needed to seamlessly use Webflow as a visual & code environment for any Shopify project. Special mention to the Liquiflow team and community always ready to help !

Alexandre Cohen

Webflow & Shopify Dev

Liquiflow is simply spectacular. To be able to visually create a Shopify theme without writing tedious amounts of liquid, makes my life as a webdev so much easier. Without needing to learn a whole new template language, I was able to create a Shopify shop which looked amazing, and I don't even want to know how much time we saved thanks to the tool. Also, the community and the support surrounding the tool is also a big plus for me. [...]

@Marius Schmid

Webflow Partner

This opens a whole new opportunity for me.

Emmanuel

Low/NoCode Developer

I’ve been a user of Liquiflow since the beginning, and I can confidently say it’s one of the best (if not the best) tool for extending Webflow with Shopify functionality.

The product is incredibly impressive, allowing users to design their shop in Webflow and seamlessly integrate it with Shopify by adding attributes. Even better, Liquiflow’s starter template makes it even easier by reducing the work involved. It’s mind-blowing what the team has built here. [...]

@trinker_media

Webflow Agency

Dominate your market with an extraordinary Shopify Store

Make your store exceptional and leave the competition behind. Stand out with unique design and functionality that converts visitors into customers.

Build your dream Section with Webflow for Shopify

Build your dream section in Webflow

Create fully customizable sections with complete control over animations and responsive design. Build exactly what you envision with Webflow's powerful visual editor.

Edit directly in Shopify

Edit content from the Shopify theme editor, swap products instantly, and reuse sections anywhere. Enhance your Shopify theme with dynamic, flexible sections.

Edit Content in Shopify with Liquify Pro

Shopify Block Support

Create Shopify Blocks to make your sections even more dynamic. A great feature for creating lists, sliders, or other dynamic elements.

A screenshot a the Shopify settings panel when dragging blocks into a section

Shopify App Store Support

Drag our App Island element into your section to integrate any Shopify app block. From reviews to subscriptions, UGC, and more.

A skewed grid with many different logos of Shopify apps

Full Metafield Support

Use Shopify's dynamic fields functionality to link your fields to metaobjects and metafields or call them directly through our powerful li-object attribute.

A screenshot from the Shopify settings panel

Compare the differences

Why should you try Liquiflow?

Shopify to Webflow Solutions (Headless)

Full Shopify liquid support

Fully usabable Shopify CMS

Monthly Cost for the client

Webflow Hosting, Headless System, Shopify

Only Shopify

CMS-Limits

2000 CMS items, 20 Collections

Unlimited

Bandwith Limits

1 - 100 GB (depends on Plan)

Unlimited

Projects per Plan

Unlimited (Pro Plan)

Shopify 2.0 Theme Support

Webflow Interaction + GSAP Support

Code is optimized for Speed

Shopify App Store Compatible

Client Experience

Start building now

24/7 Support-Team

1.2k+ Community

30 Free Components

Liquiflow Academy

Your complete Liquiflow developer journey starts here

Liquiflow (prev. Liquify Pro) Starter theme

Get the Webflow Starter Theme

Copy now

Liquiflow (prev. Liquify Pro) Documentation

Check out the Documentation

Read now

Watch Tutorials with Samuel

Watch now

Liquiflow (prev. Liquify Pro) Discord Group

Discord Group (450+ members)

Join now

Start building now

24/7 Support-Team

1.2k+ Community

30 Free Components

Start building your dream Shopify Store. Today. Limitless. Cost Efficient.

Black Deal

Save 20% on all Liquiflow Subscriptions!

Code:

BLACKFRIDAY20

24/7 Support-Team

1.2k+ Community

30 Free Components

Starter

Enjoy full functionality, while working on one Shopify Project or just wanna get started.

/per Month

Charged annually (get 3 months for free)

Continue with Starter

1 Project

Shopify 2.0 Theme Builder

Shopify Section Builder

Unlimited Conversion

Publish directly to Shopify

1 to 1 Support via Discord

Organization Support

Pro

Work on multiple projects in parallel and get direct 1:1 support.

/per Month

Charged annually (get 3 months for free)

Continue with Pro

Unlimited projects

Shopify 2.0 Theme Builder

Shopify Section Builder

Unlimited Conversions

Publish directly to Shopify

1 on 1 support

GitHub Organization Support

Bestseller

“Liquiflow is exactly what I’ve been needing for years. A clear, limitless way to build bespoke shopify sites with webflow.

Beats building with headless or using annoying converter apps that don’t work. Bit of a learning curve, but well worth it and very enjoyable.”

Harry Lang

Founder Webflow Agency
dabhandmarketing

Need an enterprise solution?

For custom requirements we offer a tailored enterprise solution to you, which includes weekly 1 to 1 consulting, private Discord with Founders, active site building assistance and bundled Liquiflow Licences

Contact Sales

Leading agencies & E-commerce brands are using Liquiflow to build next level Shopify stores

Frequently asked questions

Need help with something? Here are our most frequently asked questions.

Start building now

Do I need a paid Webflow hosting plan?

You don't need a paid hosting plan for Webflow; instead, you'll need to incorporate custom code into your webpage. Therefore, having a valid account plan is essential for seamless conversion.

What should I keep in mind when building a section in Webflow?

In general, you need to keep in mind that you create a standalone section file with CSS of Webflow. When bringing in new class names and styles, you need to keep in mind the general CSS structure of your Shopify theme. Otherwise, it could look very different from your current theme.

‍

Fonts shouldn't be set in Webflow on a class, instead inherit the font from the Shopify theme. When using any add to cart or other Javascript functionality, you need to check your theme first and adapt it to the theme functionality.

‍

The section converter works best for content sections which you can link to dynamic data.

What's the difference between our Theme Builder and Section Builder?

The Theme Builder creates a fully functional Shopify Theme from scratch. The Section Builder on the other hand can be used on existing Shopify Themes to create single sections.

What is the difference between Liquiflow and other tools?

Liquiflow is the only tool that allows you to build Shopify themes and sections with Webflow. Other tools that offer Webflow to Shopify integrations are offering Headless solutions. The difference is that LP is Webflow -> Shopify and Headless is Shopify -> Webflow. With Headless you need to sync the products into Webflow, while with LP everything is managed in Shopify. You just build the front-end in Webflow and then move it into Shopify.

Can I cancel the subscription, when the section is done

Yes, you can do that. There is no need to continue to pay for the subscription, once you are done with your section. Only when you want to add new section it might makes sense to pay again.

What can I do, when I get stuck?

We are here to help! Join our Discord channel and we are very confident that we can solve your issue!

What is Shopify liquid?

Shopify liquid is a templating language created by Shopify, a popular e-commerce platform. It is specifically designed for building dynamic and customizable templates for Shopify online stores. Liquid is used to create and control the look and layout of your Shopify store, including the storefront, product pages, and various other dynamic elements.

‍

Liquid is known for its simplicity and ease of use, making it accessible to individuals with limited programming experience. It allows you to insert variables, conditionals, loops, and other logic directly into your templates, making it possible to create personalized and responsive online stores.

Where do I edit the content of the section?

Content editing occurs within Shopify. In Webflow, you strategically position all the variables that require editing, either by you or your customers, in Shopify. You have the flexibility to determine where and how the content is populated, and you can provide clear guidelines to your customers for working with sections and blocks.

Will my Shopify apps work?

Yes. Following the conversion, you will have a fully functional Shopify theme that meets the standards of Shopify theme development. This enables you to seamlessly integrate apps from the Shopify app store.