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.
BETA 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 existing Shopify Theme.
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.
Copy it into Liquify Pro
Copy your Webflow section into Liquify Pro. The Converter generates the Shopify Section for you.
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.
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.
Edit directly in Shopify
Edit content from the Shopify theme editor, swap images instantly, change text and reuse sections anywhere. Enhance your Shopify theme with dynamic, flexible sections.
Shopify Block Support
Create Shopify Blocks to make your sections even more dynamic. A great feature for creating lists, sliders, or other dynamic elements.
Shopify App Store Support
Add Shopify App block support to use the full range of the Shopify App Store. It's easy to add subscription, review or other 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.
Liquify Pro Webflow App
Unlock Full Power with the Liquify Pro Webflow App
Take your Webflow projects to the next level with the official Liquify Pro App. Instantly access and customize components, tweak attributes, and apply advanced settings — all without leaving Webflow. Designed for creators who want more control, more speed, and more flexibility.
Get the Liquify Pro App
Choose any pricing plan, create unlimited sections.
Open up a whole new service offering for your Webflow or Shopify agency for less than 1% of the cost of your next Shopify project. (Our agency typically prices custom Shopify theme development at around $25,000.)
Your cart won’t be charged in the 7 day testphase.
Become part of over 1100+ Liquify Pro Users.
Cancel your subscription at any time in one click.
Human support, if you need help with a feature.
Starter
Perfect for basic projects.
$
34
/per Month
Charged annually (save €180)
Included
Unlimited conversions
1 Project
Access 10.000+ Shopify attributes
Github integration
Shopify 2.0 Theme support
Section Builder
Direct publishing
GitHub Organization Support
1 on 1 support
Included add-ons
Webflow starter template
Webflow app
Community Discord
Pro
The most popular features & expanded capacity for growing businesses.
$
67
/per Month
Charged annually (save €264)
Included
Unlimited conversions
Unlimited projects
Access 10.000+ Shopify attributes
Github integration
Shopify 2.0 Theme support
Section Builder
Direct publishing
GitHub Organization Support
1 on 1 support
Included add-ons
Webflow starter template
Webflow app
Community Discord
Bestseller
Enterprise Support
For custom requirements and 1 on 1 support.
Contact us
Individual Solutions
Included
Unlimited conversions
Unlimited projects
Access 10.000+ Shopify attributes
Github integration
Shopify 2.0 Theme support
Section Builder
Direct publishing
GitHub Organization Support
1 on 1 support
Included add-ons
Webflow starter template
Webflow app
Community Discord
Frequently asked questions
Need help with something? Here are our most frequently asked questions.
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.
Learn easy and for free
Build a full working Shopify Theme
Use a fully working template as starting point.
