Made in Builder.io

Ship Your First Personalized Web Experience webinar on June 15 @ 10AM PT. Register Now

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

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 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, see 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, see the History guide.

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, see Intro to Models.

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

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, see 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 see Using Your Public API Key.

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, see Section Models.

A place within and Organization where you work on a project and where you integrate your code. For more detail, see 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.

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.


Looking to hire a third 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?

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

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

Use Cases

© 2023 Builder.io, Inc.

Security

Privacy Policy

SaaS Terms