Add a component to a page in Horizon

Abstract

You can drag and drop components onto pages in the page editor.

You can add a component to a page in the Horizon editor. Depending on the configuration of the page, there are different positions where you can insert a component:

  • In an empty placeholder

  • Before or after a component that is already on the page

To add a component to a page:

  1. Open the page in the page editor.

  2. Click the Components tab in the left-hand panel.

    The components tab in the left-hand panel

    The Components panel displays the renderings that are compatible with the placeholders on the page.

  3. Select the component that you want to add to the page, and drag it to the place on the page where you want to add it.

    As you drag the component, the cursor changes to a “prohibited” icon to indicate that you cannot add the component in the current position.

    The cursor indicating the component is prohibited

    When you drag the component to a compatible placeholder, the cursor returns to normal.

    The arrow cursor indicating the component is allowed

    If you drag the component to a position where you can insert the component above or below a component that is already on the page, a blue tab with an arrow appears.

    Blue tab with arrow indicating you can insert the component below
  4. Release the mouse button to insert the component in the indicated position.

    A rendering inserted below another rendering

You can edit the component locally on the page, or you can assign a content item to the component.