Watch our biggest AI launch event

Announcing Visual Copilot - Figma to production in half the time

Builder.io logo
Contact Sales
Platform
Developers
Contact Sales

Blog

Home

Resources

Blog

Forum

Github

Login

Signup

×

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

Resources

Blog

Get StartedLogin

shopify app

👉Beta: This feature is in beta. We welcome feedback to help improve it

With the release of Online Store 2.0, Shopify now supports sections everywhere for selected themes, like Dawn. What this means is that sections can be used by store owners to fully customize their site, without having to bug a developer. This is a powerful new feature! However, there is one drawback: creating sections still requires a developer.

Luckily, Builder has the ability to integrate with Shopify so that anyone can create fully customizable, targetable, beautiful sections via drag and drop that can be used within the Shopify theme editor.

To take advantage of this new feature, make sure you are in a Builder organization that is connected to a Shopify store that is using an Online Store 2.0 theme, like Dawn. Then, navigate to the get started page, select what you want to work on, and then create your section.

👉Note: If your store has multiple themes, make sure to select the correct Online Store 2.0 enabled theme in the dropdown in the upper right corner before creating the new section

The next step is to start working on your new section in the Builder editor. You can start with a pre-made template, or start with a blank canvas and add images, product blocks, videos, and anything else available when building a page in Builder.

👉Note: Creating and publishing your section will not replace your current page. You are using Builder to create a new section for use within Shopify's Theme editor.

When you are done creating your section, hit publish, and your section will be available in Shopify's theme editor. You can then create new entries and utilize targeting to show specific content for certain users, products, etc. The video below goes through the whole process:

Need Shopify help?

Storetasker logo

Are you looking to hire some help with your Shopify store? Submit a project to our partners, Storetasker, and be matched with a Shopify expert.

Submit a Project
Was this article helpful?

Product

Visual CMS

Theme Studio for Shopify

Sign up

Login

Featured Integrations

React

Angular

Next.js

Gatsby

Get In Touch

Chat With Us

Twitter

Linkedin

Careers

© 2020 Builder.io, Inc.

Security

Privacy Policy

Terms of Service

Newsletter

Get the latest from Builder.io

By submitting, you agree to our Privacy Policy

Product

Platform Overview

Integrations

What's New

Open Source

Builder

Builder

Mitosis

Mitosis

Qwik

Qwik

Partytown

Partytown

Popular Guides

From Design to Code Guide

Composable Commerce Guide

Headless CMS Guide

Headless Commerce Guide

Composable DXP Guide

Design to Code

Resources

Blog

Knowledge Base

Community Forum

Partners

Templates

Success Stories

Showcase

Resource Center

Frameworks

React

React

Next

Next.js

Qwik

Qwik

Gatsby

Gatsby

Angular

Angular

Vue

Vue

Svelte

Svelte

Remix logo

Remix

Nuxt

Nuxt

Hydrogen

Hydrogen

See All

© 2024 Builder.io, Inc.

Security

Privacy Policy

SaaS Terms

Security & Compliance

Cookie Preferences