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 Liquify Pro

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 Liquify Pro

Copy your Webflow section into Liquify Pro. 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 Liquify Pro now

Unlimitted Sections
Pre-Build Components
Ready for your existing Theme

Built with Liquify Pro

Liquify Pro is battled tested by over 1200 developers

Community Testimonials

Join our

Smiling man with short brown hair and beard wearing a black shirt in front of a stone wall.

Smiling man with short hair and beard wearing a light-colored shirt against a blue background.

Community

Liquify Pro 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

Smiling man with short hair and beard wearing a black shirt in front of a stone wall.

Harry

Webflow Partner

I'm not a big agency, just a freelancer looking for efficient solutions. Liquify Pro 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 ! [...]

Blurred silhouette of a person walking against a white background inside a circular frame with a blue-green gradient border.

@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!

Stylized black and white illustration of a person's face with short hair, set inside concentric blue circles on a transparent background.

@Xi.Z

Ex Senior Director at OnePlus/ByteDance

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

Alexander Keil

Webflow Developer

We've been using Liquify 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 Liquify more in the future, now as a certified partner agency and congrats again!

Black and white portrait of a young person with curly hair and glasses smiling slightly.

Georgy Rakita

Founding creative developer @ nklnk

Amazing product to use on Shopify!

Woman speaking into a microphone at an event with a backdrop featuring ERP software branding.

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 Liquify Pro. After seeing a demo, if I was still building Shopify stores for clients now I'd be learning this amazing tool

Smiling man with glasses and beard resting his head on his hand in front of a modern building.

Glenn

Founder TheFlowAgency

Liquify 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

Partial view of a man's face with a modern indoor workspace background featuring exposed brick walls and hanging lights.

@Rahul I

Webflow Developer

When we were deciding on tools for our Shopify build, going with Liquify 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. [...]

Smiling man with short dark hair and a light-colored shirt on a blue and yellow circular background.

@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.

Smiling man with curly hair and glasses inside a blue circular frame on a white background.

Kai Forsyth

Developer

So powerful! 💪🚀🚀

Smiling man with short dark hair and beard, wearing a light-colored shirt and dark jacket, against a blue-lit background.

Raymmar

Community Builder

Liquify 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.

Illustration of a man with curly hair, glasses, and a beard inside a blue and teal circular border.

Emmanuel

Low/NoCode Developer

I’ve been a user of Liquify 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, Liquify’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

Join our Discord Community

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

Why should you try Liquify Pro?

Liquify Pro combines the benefits of the Webflow builder with the advanced Shopify backend. It is a tool made for no-coders who want to move on from building standard websites to E-Commerce sites.

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 with Liquify Pro now

Human support
No-code solution
Ready to use template and components

Liquify Pro Academy

Your complete Liquify Pro developer journey starts here

Get the Webflow Starter Theme

Copy now

Check out our Docs and ask our AI Chat Bot

Check out the Documentation

Read now

Watch Tutorials with Samuel

Watch now

Discord Group (450+ members)

Join now

Start building with Liquify Pro now

Human support
No-code solution
Ready to use template

Expand your agencies potential for less than 1% of your next Shopify build.

Join 1,200+ Shopify developers using Liquify Pro

Get dedicated support from our team and community

Cancel anytime, hassle-free

Starter

/per Month

Charged annually (save €180)

Included

Theme Builder

Section Builder

Unlimited conversions

1 Project

GitHub integration

Shopify 2.0 Theme support

Direct publishing

GSAP / Webflow Animations support

Included add-ons

Webflow starter template

Webflow app with 40+ sections

Community Discord

Pro

/per Month

Charged annually (save €264)

Included

Everything in Starter

Unlimited projects

GitHub Organization Support

1 on 1 support

Included add-ons

Webflow starter template

Webflow app with 40+ sections

Community Discord

Bestseller

Enterprise

899

/per Month

Individual Solutions

Contact sales

Included

Everything in Pro

Weekly 1 to 1 consulting

Private Discord Channel w/ Founders

Active site building assistance

5 Liquify Pro Licenses

Included add-ons

Webflow starter template

Webflow app with 40+ sections

Community Discord

Frequently asked questions

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

Start building with Liquify Pro 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 Liquify Pro and other tools?

Liquify Pro 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.