Made in Builder

Made in Builder.io

How to Build: Localization webinar on March 23rd @ 10am PST. Register Now

×

Developers

Product

Use Cases

Pricing

Developers

Resources

Company

Log in

Product

Features

Integrations

Talk to an Expert

Pricing

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

Let's build together

Popular Tutorials

The documentation within Building Content features the Builder Visual Editor, an intuitive drag-and-drop editor where you can quickly build pages, sections, and leverage your data. If you've already completed Getting Started with Builder, the guides on this page are a perfect next step.

Featured guides

Image of the visual editor and a mouse pointer over a header with copy.

Getting Started with Builder

Image of a screen at a wide width and a much narrower width on a phone.

Become a Responsive Design Pro

Tour the Visual Editor

Reuse Blocks to Work Smarter

The following collection of how-to videos walks you step-by-step through some of our customers' most requested project types.

How to Create a Page

Create a page. Perfect if youʻre new to Builder.

Skill set: Basic

Area: UI only

Length: < 1 minute

How to Make a Hero Block

Create a full-width image that features a button and copy.

Skill set: Basic

Area: UI only

Length: 3 minutes

How to Batch Upload Images

Upload multiple pictures at a time into Builder.

Skill set: Basic

Area: UI only

Length: 1 minute

How to Make a Multi-column Section

Create a section with multiple images in columns that sit side-by-side at larger screen widths and stack on smaller screens.

Skill set: Basic

Area: UI only

Length: 2 minutes

Create a Full-width Two Column Section

Create a section that spans the whole viewport with a pull quote on one side and an image on the other.

Skill set: Basic

Area: UI only

Length: 4 minutes

How to Make an Announcement Bar

Create a bar that spans the whole viewport with an announcement.

Skill set: Basic

Area: UI only

Length: 1.5 minutes

How to Make a Full-Width Carousel

Create a section with multiple images that you can scroll through horizontally.

Skill set: Basic

Area: UI only

Length: 2.5 minutes

How to Make a Footer

Create a footer that spans the viewport, contains a logo, and columns of links. These guidelines meet most use cases.

Skill set: Basic

Area: UI only

Length: 10 minutes

How to Make a Grid Layout

Create a responsive grid layout with techniques that you can adapt to different designs.

Skill set: Intermediate

Area: UI only

Length: 10 minutes

How to Build webinars

Builder's Webinar series, How to Build, features the Builder team sharing Builder techniques in-depth.


Looking to hire a 3rd party to help with your project?

Submit a project request and our partnerships team will reach out to connect you with an Expert from our partner ecosystem.

Connect with us

Was this article helpful?