Sitecore Pages: Adding Components to a Page

An easy guide to enhancing your Sitecore pages with dynamic components.

August 16, 2024

By Ashwinder Kaur

Adding Components to a Page in XM Cloud Pages

  1. Login to Sitecore Cloud Portal
  2. XM Cloud dashboard opens and contains three tabs: Sites, Tools, and Settings.
  3. On the Tools tab, you can access all the features in XM Cloud e.g. Pages, Explorer. Click on Pages to open it

    Sitecore XM Cloud dashboard with tools for pages, forms, and analytics.

  4. On the Editor tab, in the left-hand side pane, open the Components tab

    Content assignment modal with local folder expanded to show banner options.

  5. You will see a list of all components (default + custom built) that can be added on a page

    Editor panel in Sitecore showing various banner components available for selection.

  6. Select any component e.g. Banner. Drag and drop it to the desired location on the page canvas e.g. main placeholder

  7. Assign content to component when needed. The content can already exist as content items in your site, as item in Media Library, or you can create new content. New content can be created under global folder if it needs to be shared among multiple pages on the site or locally under local โ€˜Dataโ€™ folder

    Content assignment modal with global and local folder structure visible.

  8. Click on the newly created content (local or global) to enable Assign button. Click Assign button and component gets added on the page

    Sitecore content tree showing options to select a banner component.

  9. When the page is ready, publish the page.



Ash Headshot

Ashwinder Kaur

Quality Assurance Lead

Ashwinder, aka "Ash" is a Quality Assurance Lead dedicated to ensuring high-quality products. She has a Bachelor's of Computer Science & Engineering and more than 7 years of QA experience under her belt. Ash loves to spend time with her family, sightseeing (especially the Rocky Mountains), and enjoys solving math problems with her son.