LiquidFlow

Build Shopify themes visually in Webflow and convert them into native Shopify code.

Overview

• Liquiflow is a Webflow-to-Shopify conversion platform for designers, developers, and e-commerce teams.
• It allows users to create functional Shopify 2.0 themes using Webflow’s visual design environment, bypassing complex Liquid code.
• The platform features attribute-based workflows, translating custom tags from Webflow into Shopify Liquid templates for dynamic content and layouts.
• Users can control editable components without traditional coding, benefiting from Shopify’s architecture and app ecosystem.
• Liquiflow offers two workflows: a Theme Builder for full project conversion and a Section Builder for individual sections within existing Shopify themes.
• Themes reside directly in Shopify, eliminating reliance on third-party hosting.
• Additional features include GitHub integration for version control, support for Alpine.js, reusable components, and direct theme editing compatibility with Shopify apps.

Features

Visual Webflow-to-Shopify theme conversion
Full Shopify 2.0 theme builder functionality
Standalone section builder for existing Shopify themes
Attribute-based Liquid templating without manual coding
GitHub integration for deployment and version control
Native Shopify compatibility after export
Editable content through Shopify theme editor
Reusable components and starter templates
Alpine.js support for interactive frontend elements
SEO-friendly native theme structure

Video

FAQ

  1. What is Liquiflow?

    Liquiflow is a platform that converts Webflow designs into fully functional Shopify 2.0 themes using an attribute-based workflow that generates native Shopify Liquid code.

  2. How is Liquiflow different from headless solutions?

    Liquiflow converts Webflow designs directly into Shopify themes, keeping everything managed within Shopify rather than syncing products into Webflow like headless setups.

  3. Do I need to know Shopify Liquid coding?

    Not necessarily. Liquiflow allows visual creation using Webflow attributes while still supporting full Liquid functionality behind the scenes.

  4. Can I use Liquiflow with existing Shopify themes?

    Yes. The Section Builder allows users to create custom sections in Webflow and add them to existing Shopify themes.

  5. What happens after conversion?

    The converted theme becomes a native Shopify theme stored in Shopify, fully compatible with apps and editable through the Shopify theme editor.