1. Adding components to a page

Working with code components

Code components are created in the Content Editor to be used to build webpages in the page builder. Some code components support variants. A variant makes a component appear differently or show different content.

The code components listed in this topic are available out-of-the box in the left-hand pane of Pages. In the tables below, if the Variant column contains yes, it means that the component supports variants.

You can configure code components in the Content Editor or in the page builder. A developer can create additional custom code components in the Content Editor.

Media

Component

Variant

Description

Image

yes

Adds an image that you select from the Media library to a page. You can configure an image with a caption, alt text, or to be used as a link.

Component

Variant

Description

Link List

yes

Displays lists with items that contain a title, link, and text.

Navigation

no

Generates a navigation menu.

Page Content

Component

Variants

Description

Page Content

yes

Displays the specific fields of a page.

Promo

yes

It consists of an image, a link, and a text element.

Rich Text

yes

Adds formatted text on a page. You can write text using HTML tags.

Title

yes

Displays the title or subtitle of the current page.

Page Structure

Component

Variant

Description

Container

no

A wrapper for other components where you can add additional CSS styling and background images.

Row Splitter

no

Divides a page into x number of rows and works as a placeholder for other components.

Column Splitter

no

Divides a page into x number of columns and works as a placeholder for other components.

If you have suggestions for improving this article, let us know!