Resources

Ɨ

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

ā˜°

Forum

Blog

Github

Signup

Made in Builder

Builder Visual Editor 101

Start here to learn the key concepts

Crash course

Follow along the video below for a step by step guide to creating a beautiful page in Builder, covering a lot of key concepts such as working with columns, alignment, margins, and padding.

Jump to:

Create a page

1 min

Columns

1 min

Image Sizing

1 min

Insert tab

1 min

Options tab

1 min

Style tab

1 min

Styling

1 min

Alignment

1 min

Margin & Padding

1 min

Layers tab

1 min

Copy & paste

1 min

X-Ray Mode

1 min

Box block

1 min

Custom CSS properties

1 min

Copy & paste style

1 min

Multi selection

1 min

Grouping

1 min

Duplicate layers

1 min

Responsive Mobile Styling

1 min

Child layout options

1 min

Hiding layers per device

1 min

The block types

See below for the rundown on our main 8 block types

Text Block
1 min
Image Block
1 min
Columns Block
1 min
Box Block
1 min
Embed Block
1 min
Button Block
1 min
Section Block
1 min
Custom Code Block
1 min
Templates & Symbols
2 mins
Was this article helpful?