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

ComponentVariantDescription
ImageyesAdds 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.
ComponentVariantDescription
Link ListyesDisplays lists with items that contain a title, link, and text.
NavigationnoGenerates a navigation menu.

Page Content

ComponentVariantsDescription
Page ContentyesDisplays the specific fields of a page.
PromoyesIt consists of an image, a link, and a text element.
Rich TextyesAdds formatted text on a page. You can write text using HTML tags.
TitleyesDisplays the title or subtitle of the current page.

Page Structure

ComponentVariantDescription
ContainernoA wrapper for other components where you can add additional CSS styling and background images.
Row SplitternoDivides a page into x number of rows and works as a placeholder for other components.
Column SplitternoDivides 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!