Learn why Gartner just named Builder a Cool Vendor

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

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

With A/B testing, you create multiple variations for a page and test them with your site visitors. You can style these variations differently, and these variations will be shown at random to your users. You'll also have access to the metrics for your different variations.

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

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.

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

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

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, 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.

The definition of Data within a Space. For example, a blog author data model might include fields for author name, bio, job title, and handle For more detail, visit Data Models.

Dynamic content is content that changes, such as on hover, click, or keypress.

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.

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 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.

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, visit Accessing Content History.

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

A model is the definition of a type of content, such as a Page model or Section model. Models are the basis of content entries. For more detail, visit Intro to Models.

Margin is the space on the outside of a piece of content. For more detail, read Margin and Padding.

The topmost level of a Builder account. A company has one Organization that contains its Spaces. For more detail, refer to the Organizations documentation.

The definition of a Page within a Space. Builder comes with a default Page Model that you can use to make as many Pages as you need. For more detail, read Page Models.

Padding is the space on the inside of your content.

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

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.

Publicly visible, alphanumeric ID of a Space that you use to integrate your code base and fetch data. For more information visit Using Your Public API Key.

A Builder SDK, or software development kit, is a special set of tools for a JavaScript framework (Builder offers SDKs for all the major JavaScript frameworks) to help with integration with Builder. For details on the latest SDKs, visit SDK Comparison.

A Section is a discrete content entry that you can use within a Page. Examples include banners and tiles.

The definition of a Section within a Space. You can create Section Models and use them to make as many Sections as you need. For more detail, read Section Models.

A place within and Organization where you work on a project and where you integrate your code. For more detail, read Understanding Spaces.

A Symbol is a piece of reusable content that you can drag and drop onto a Page or Section. By default, any changes you make to a Symbol and publish update that Symbol everywhere you are using it. To prevent this default behavior, you can make the Symbol inline, which turns it into a regular block.

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.

Visual Copilot is a workflow that includes using the Builder Figma Plugin to import your Figma design into Builder, automatically apply responsiveness, and generate dev-friendly code.

Web application, web app for short, refers to an application that runs in the browser. The Builder web app is the Builder software that customers access by logging in. The Builder web app includes the Visual Editor user interface (UI), and all of the other parts of Builder accessible with a Builder login.

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

Mitosis

AI Shell

Mitosis

Micro Agent

Mitosis

GPT Crawler

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

Gartner Cool Vendor 2024