Add and Delete Components

In Page Builder:

1. In the site tree, locate the page where a component will be placed. Click the page name to select.
2. Click Components on the left panel menu to switch to the Components tab.
3. Locate the desired component in the Components menu.
4. Click and drag the component tile onto the page and release where the component will be placed.

Assign content item:

5. To use an existing content item, select it from the list and click Assign.
6. To create a new content item:

   1. Hover to the right of the Data table until an icon appears and click to select the “+” icon.

      Note: Users may opt to nest the content under another item line, such as within an accordion tab, by instead clicking the “+” next to that line item.

   2. Click to select the appropriate content item type from the available list.
   3. Enter a name for the content item. The name must be unique within the page. Click away or hit the enter key to save the name.
   4. Click Assign.
7. Edit content by following the relevant component documentation.

In Page Builder:

When working with an empty page or with components that can contain other components (i.e., Grid Container, Accordion tabs), placeholder cells will appear on the page. These are empty blocks where components can be added and are indicated by a purple “+” icon in a circle.

1. Click on the “+” icon where the component is to be added.
2. Click to select the appropriate content item type from the available list.
3. To use an existing content item, select it from the list and click Assign.
4. To create a new content item:

   1. Hover to the right of the Data table until an icon appears and click to select the “+” icon. 

      Note: Users may opt to nest the content under another item line, such as within an Accordion tab, by instead clicking the “+” next to that line item.

   2. Click to select the appropriate content item type from the available list.
   3. Enter a name for the content item. The name must be unique within the page. Click away or hit the enter key to save the name.
   4. Click Assign.
5. Edit content by following the relevant component documentation.

Components can be moved using drag and drop or arrow icons. 

Drag and Drop: 

1. Click to select the component. The component toolbar will appear.

2. Click and hold the icon on the left end of the toolbar (two columns of five dots) to grab the component. 

   

3. Drag the component to a new location and release.

Arrow Icons:

1. Click to select the component. The component toolbar will appear.

2. Click the up or down arrow on the component toolbar to move the component above or below the nearest component. Arrows will only appear when there are components above or below the selected component.

   

3. Repeat as necessary.

1. Click on the component in the content canvas to select it.
2. On the right-side component menu, click the Design tab and click Styling to expand the panel.

3. Click the Spacing options to add indented padding around the component, if needed. Each option has an on (gray) or off (white) setting. The amount of padding cannot be adjusted. 

   

4. Click Advanced styling to expand the panel.
5. Adjust variant and component options, as necessary. See specific component documentation for details.

Follow specific component documentation for information on adding content to components placed on a page. 

Tips for copying and pasting content into Sitecore:

• Strip formatting when pasting from other applications to avoid errant code, which can cause issues on the web page.
• If copying text from an email, check any hyperlinks to ensure they go directly to the desired page and are not routing through an email server. Email service links can expire and will break.