Register Now: Use Visual Dev + AI to Ship 10x Faster on July 24

Announcing Visual Copilot - Figma to production in half the time logo
Contact Sales
Contact Sales










Visual CMS

Drag-and-drop visual editor and headless CMS for any tech stack

Theme Studio for Shopify

Build and optimize your Shopify-hosted storefront, no coding required



Get StartedLogin

‹ Back to blog


Bringing no-code to Shopify with Builder

October 27, 2020

Written By Brent Locks

We’re excited to officially launch our no-code application for Shopify, following a successful pilot program this year. Storefronts are the lifeblood of online merchants and we created Builder so that every team -- from marketing to design to product -- can feel empowered to create and optimize digital experiences. No developers required (though, from our experience, they love using Builder too!). 

We first launched as the first and only headless CMS with a uniquely powerful drag-and-drop editor that integrates with any tech stack. After the unveiling, we immediately had interest from many Shopify merchants that also wanted to leverage the Builder for their own needs. We knew from our time at ShopStyle that custom sites needed a solution like ours, but we hadn’t anticipated this level of demand from Shopify merchants. 

Shopify offers simple yet robust storefront solutions that satisfy a majority of needs for merchants, but things can get challenging after a certain level of growth, and in order to sustain that growth they need to frequently build and test new experiences.

Merchants often leverage custom code, resulting in some mundane tasks for developers. This extra work can also be a bottleneck that prevents progress on other important business priorities. Additionally, merchants add dozens of third-party apps to extend storefront functionality, which can not only be costly but also be detrimental to page speed and site performance.

Builder for Shopify enables merchants to address the critical storefront customizations they require to continue growing on Shopify while distinguishing the brand and optimizing for growth without any coding required. This eliminates low-value tasks from the engineering backlog and enables them to work on the highest value projects.

Unlike Shopify’s theme editor and third-party page builder apps, there aren’t any limitations with Builder's Shopify app. Merchants can create product pages, collection pages, landing pages, and more, with ease and without impacting site performance.

Builder for Shopify can also be used to modify any part of any storefront page, including shopping carts, using dropzones. These dropzones allow you to add new functionality to a section of your storefront without changing the things you don’t want to. Everything automatically integrates into the store’s existing theme. 

Combining the ability to drag-and-drop control a page, or page section, with Builder’s powerful optimization and analysis capabilities, like segmentation and heat maps, means non-technical folks can not only move faster but also capture more opportunities to drive growth.

Over the last several months, Shopify merchants of all sizes, like Alo Yoga, Chubbies, Caitlin Wilson and Pladra, have leveraged the Builder to get more out of their Shopify storefronts by building experiences like:

  • Creating dynamic landing pages based on whether a shopper has previously shopped men’s vs. women’s collections
  • Adding cross-sell recommendations within the cart based on the items in the cart
  • A/B testing different homepage placements to determine the best content to feature above the fold vs below the fold
  • Building out an entire ecommerce experience with plan to migrate to headless with Builder Visual CMS

We love seeing how Shopify merchants are leveraging our platform to grow their business with speed and flexibility, and this is only the beginning. We’re thrilled to bring no-code to Shopify and it’s millions of merchants through a one-click integration, so brands and agencies can grow faster and achieve more. 

Get started today by checking out Builder's app in the Shopify App Store.

Tip: Visit our Hydrogen hub to learn more about Shopify's framework.


Hand written text that says "A drag and drop headless CMS?"

Introducing Visual Copilot:

A new AI model to turn Figma designs to high quality code using your components.

Try Visual Copilot

Like our content?

Join Our Newsletter

Continue Reading
Structured Data: What It Is and Why You Need It
July 15, 2024
Why Headless CMSs Are A Huge Step Backwards For Content Management
WRITTEN BYSteve Sewell
July 12, 2024
Best AI Coding Tools for Developers in 2024
WRITTEN BYVishwas Gopinath
July 12, 2024