Add a new component on a page

Purpose

This training document gives instructions for adding a component to a page. A Sitecore page is made up of editable blocks called ‘components’.

Contents

Instructional video

Find the page you want to add a component to

Experience Editor

Adding a component

Submit your changes for approval

Instructional video

Find the page you want to add a component to

1. Log into Sitecore using your credentials.
2. Select ‘Content Editor’.
3. Select the page you want to add a component to. For instructions on finding the page in the content editor, click here.

Experience Editor

1. To access Experience Editor, select ‘Publish’ in the top navigation, and then ‘Experience Editor’.
   

Adding a component

1. Select any component on the page. You will know that you are hovering over a component when your mouse changes to look like a hand with a pointing finger.
2. Click on the new component icon on the menu that has appeared on the component you selected.
   
3. Select an ‘Add here’ button (top left of a component) in a place that you’d like to add your new component.
   
4. Select the component type that you’d like to add. Click here to see examples of each component type and the pages they can be added to.
5. Select the ‘content item’ that you want to display in this component. The item has to already exist as a content item in the content tree of the Content Editor.
   
6. Select the OK button when you have selected a content item from the list.
7. Adjust the visual settings that you’d like for this component under ‘panel settings’.
   
8. Click the OK button.
9. When you have finished editing, click the save icon in the top navigation ribbon. 

Submit your changes for approval

1. Click here for instructions on how to submit your changes for approval.