Made in Builder

Made in Builder

×

Developers

Product

Use Cases

Pricing

Developers

Resources

Company

Get StartedLogin

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

Glossary

The following glossary defines Builder and web design terms that appear in the Builder documentation and other resources.

A/B Testing

A/B testing allows you to create multiple variations for a page. You can style these variations differently, and these variations will be shown at random to your users. You'll be able to see the metrics for your different variations.

Align

Align icons move your content, for example text, to the left, middle, or right of a page.

Box

Boxes are containers for grouping content. A Box contains other blocks, such as Text blocks or Columns. By grouping content in a Box, you can apply styles to that Box and its contents inherit those styles.

Block

Blocks are the fundamental elements you drag onto the page as you create in Builder's Visual Editor. Examples of blocks include an Image block, a Text block, a Box block, and Columns.

Child

A child emement is a piece of content that is nested inside of another element.

Child layout

Use a child layout section to arrange nested elements in their parent container.

Content entry

A content entry is a piece of content; that is, an instance of content, necessarily based on a model. Examples of content entries include Sections and Pages, which Builder lists in the Content section.

CSS

CSS, which stands for Cascading Style Sheets, is one of the fundamental technologies of the web, and gives Pages and Sections their style. Style, or styles, in web development refers to features of layout such as placement, colors, typography, borders, shadows, and certain animations. CSS has a unique syntax and engages with the Box Model, a key part of Responsive Design.

Dynamic content

Dynamic content is content that changes. This includes on hover, click, keypress, etc.

Element Attributes

Element attributes are identifiers you can add to an element to control that element's behavior. You can add custom element attributes to your content such as an id, class name, or a default state of checked for checkboxes. You can find the Element Attributes section near the bottom of the Style tab.

Environment

An environment is a special kind of Space that replicates and engages with your main Space so that you can create environments such as Production, QA, Staging, or QA. With environments, you can push and sync content and models between different environments. Requires an Enterprise plan.

For more information including demo videos, refer to Enabling Environments.

Flexbox

Flexbox is a CSS layout model in which the children of a container can be laid out in any direction, and can “flex” their sizes, either growing to fill unused space or shrinking to avoid overflowing the parent. Both horizontal and vertical alignment of the children can be easily manipulated.

History

The history tab is where you can view your page in past states and revert back if needed. You can also view a comparison of your current page and a past state.

For more information, see the History guide.

Insights

The Insights tab features a heat map, engagement, and conversion rates for your page.

Model

A model is the definition of a type of content, such as a Page or Section model. Models are the basis of content entries.

Margin

Margin is the space on the outside of a piece of content.

Padding

Padding is the space on the inside of your content.

Parent

A parent element is a block that acts as a container for other blocks.

Preview mode

Preview mode, available under the eyeball icon in the upper right of Builder's Visual Editor beside the Publish button, gives you an accurate view of what your webpage looks like before publishing.

Section block

Section blocks keep content from getting too wide and offer stylistic consistency throughout page. Use sections as containers or parents of other elements.

Symbol

A Symbol is a piece of reusable content that you can drag and drop onto a page. By default, any changes you make to a symbol update that symbol everywhere you are using it. To prevent this default behavior, you can make the symbol inline.

Template

A template is a piece of reusable content that you can drag and drop onto any page, but differs from a Symbol in that any changes you make to an individual instance of template does not update other instances of that template elsewhere.

Versions

Use the Versions tab to create and iterate on a different version of a page.

For more information, refer to Working with Versions.


Need Expert help?

Submit a project to our partners, BuildQuick, and be matched with a Builder expert.

Submit a project

Was this article helpful?