Made in Builder.io

Join us for an AI launch event by

Builder.io and Figma
Talk to Us
Product
Developers
Talk to Us

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

Get the latest from Builder.io

Developer Newsletter

Latest tips, tricks, and news for frontend developers from our blog

Product Newsletter

Latest features and updates on the Builder.io platform

By submitting, you agree to our Privacy Policy

Product

Features

Pricing

What's New

Developers

Builder for Developers

Developer Docs

Open Source Projects

Performance Insights

Headless CMS: Visual Guide

Resources

Documentation

Blog

Community Forum

Templates

Partners

Submit an Idea

Use Cases

Landing Pages

Headless CMS

Headless Storefront

Customer Showcase

Customer Success Stories

Builder.io logo

Visually build and optimize digital experiences on any tech stack. No coding required, and developer approved.

Get Started

Log In

Product

Features

Pricing

Integrations

React.js

Next.js

Gatsby

Angular

Vue

Nuxt

Hydrogen

Salesforce

All Integrations

Use Cases

© 2023 Builder.io, Inc.

Security

Privacy Policy

SaaS Terms