Made in Builder

Made in Builder.io

Live Demo 👉 All Demo, No Pitch: Content & Commerce / Builder.io & Elastic Path on 12/13

×

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.

Data Model

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

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 model or Section model. Models are the basis of content entries. For more detail, see Intro to Models.

Margin

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

Organization

A company or a group of related Spaces. For more detail, refer to the Organizations documentation.

Page Model

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

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.

Public API Key

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.

Section

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

Section Model

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.

Space

A place within and Organization where you work on a website. For more detail, see Spaces.

Symbol

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.

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.


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?