Announcements

Announcing Shopyflow: Ultimate no-code stack to build headless Shopify stores

Yigit Arslan
-
Co-founder
|
Posted on
April 15, 2024
Introducing Shopyflow! A no-code integration for building advanced headless Shopify stores using Webflow.
Share this on

End of the Beta!

After an intensive six-month beta stage, we're thrilled to announce the official launch of Shopyflow! This marks a significant milestone in our journey to revolutionize headless Shopify store management. With over 60 live e-commerce stores already onboard today and counting day by day, Shopyflow is stable and ready for production use.

We're grateful for the invaluable feedback and support we've received from our amazing beta testers, who have helped shape Shopyflow into what it is today!

The vision behind Shopyflow

Crafting a unique Shopify store has always been challenging. Store owners had to choose between costly, complex methods for full customization or simpler pre-built solutions. This struggle is shared by tech-savvy individuals and agencies dealing with limitations from existing options. Each approach has its advantages and drawbacks, making it suitable for specific scenarios. However, for a merchant seeking a custom-designed Shopify store, or a developer/agency in search of a dependable tech stack to build it, here are the options:

Custom JS Stacks and Shopify Storefront API

Building a fully custom website using Shopify Storefront API may promise customization, yet its high costs and reliance on developers for every tweak pose significant barriers.

Page Builders

Similarly, page builders from the Shopify app store offer convenience but often fall short in providing comprehensive customization options, leading to compromised visions and bloated code.

Theme Converters

Theme converters provide a workaround, but their dependence on liquid code editing after conversion introduces maintenance complexities.

Webflow: The ultimate web design tool

Webflow earned its reputation as the best visual website development tool for good reason. Unlike its counterparts, Webflow doesn't rely on predefined components and styles. Instead, it allows you to build pages using standard HTML elements, which are fully customizable with every CSS property available. This gives you unprecedented freedom to bring your creative vision to life effortlessly.

With Webflow, your customization capabilities are virtually limitless. Whether it's crafting intricate layouts or tweaking every detail with ease, you can create a bespoke website tailored to your exact specifications—all through a user-friendly interface that requires no coding expertise.

Moreover, Webflow boasts a thriving developer ecosystem and a supportive global community. Whether you're facing a technical challenge or seeking inspiration, you'll find a wealth of resources and expertise at your fingertips. Plus, with Webflow's intuitive CMS features, managing your site's content is a breeze, empowering you to focus on delivering an exceptional user experience.

Shopyflow set out to overcome the constraints of conventional Shopify store customization methods. By integrating the most powerful website development tool and its vibrant designer/developer community into the headless Shopify ecosystem, Shopyflow aims to revolutionize the way Shopify stores are built.

How Shopyflow brings it all together

With Shopyflow, you manage all aspects of your ecommerce operations within Shopify, including product creation, inventory management, payment gateways, analytics & insights, customer management, discounts, and order fulfillment.

Meanwhile, all customer-facing components of your store are crafted and upheld in Webflow, covering product & collection pages, cart pages, bundles and cross sells, order history & customer account pages, as well as multi-currency & localization controls.

Sell in Shopify

All your ecommerce store business are configured and managed within Shopify, just as you would with a Shopify theme. Create or edit your products, variants, discounts, payment methods, orders etc. same as usual.

Sync your Shopify data to Webflow CMS

Shopyflow syncs your Shopify product information to Webflow as a CMS collection and makes real-time updates whenever there is a change in Shopify. So you can craft your store using Webflow's native elements and workflows, leveraging your CMS-sourced product data for enhanced developer experience and improved SEO.

Configure Shopyflow in Webflow Designer

Shopyflow connects Shopify data and the cart functionality to your Webflow elements using custom attributes. As you may guess there are tons of them to use for building your store. Shopyflow Webflow App enables you to easily configure your store elements within Webflow Designer without typing any attributes. You can assign Shopify functionality to your Webflow elements using it and also access a library of 50+ pre-configured components with a click.

If you are a Webflow developer now you are a Shopify developer

Shopyflow is built to blend smoothly with standard Webflow development workflow. It brings the entire Shopify Storefront API into the Webflow designer through a Webflow App. You don’t touch a line of code or type any attribute yet you have complete design control over how your store look and works.

Exciting new features of Shopyflow

With the official launch of Shopyflow, we introduced some exciting new features that will take your e-commerce experience to the next level:

Shopyflow Webflow App

Seamlessly integrate all your Shopify data and functionality into the Webflow designer, making customization a breeze.

Shopify to Webflow CMS Auto-Sync

Sync product information from Shopify to Webflow CMS in real-time, ensuring your store is always up-to-date.

Customer Account Pages

Create custom customer account pages with ease, including signup, login, and order history modules.

Enhanced Buy Module

Enjoy features like subscriptions, custom variant changers, product note, sub-products, discounts and many more.

Multi-currency and Localization

Easily localise your store for different markets with the Currency selector component that works seamlessly with Webflow localisation.

Stable Infrastructure

Rest assured that Shopyflow is stable, reliable, and ready for production use, with continuous updates and improvements.

5-star documentation and support

We have prepared an extensive documentation along with in-depth video guides that will make your on-boarding process as smooth as possible. Join other 500 Shopyflow users on our discord server and get instant answers to your questions. 

60+ live stores already live

We're proud to be powering 60+ stunning Shopify stores build using Webflow. Visit our showcase to take a look at the great stores built using Shopyflow.

Join us on this exciting journey

As we celebrate the launch of Shopyflow, we invite you to join us on this exciting journey of e-commerce innovation. From all of us here at Shopyflow, thank you for your support, enthusiasm, and trust!

Ready to get started? Start by installing the Shopyflow Webflow App.