---
title: "Add a Page Content component"
slug: "add-a-page-content-component"
abstract: "How to add page content by adding the Page Content component to your pages."
---
# Add a Page Content component

> [!note]
> Use the Experience Editor for the steps described in this topic.

The Page Content component lets you to drag and drop content that is associated with the current page. By default, content from the **Content** field is inserted on the page. With component variants, you can select different types of page content from a list.

<details>
<summary><h2>Before you start</h2></summary>

To be able to select different types of page content, component variants must be configured for the Page Content component.

</details>

## Steps

To add the Page Content component:

1. Open the toolbox.
2. From the **Page Content** section, drag and drop the **Page Content** component on the placeholder that you want to add the component to. If you have entered text in the **Content** field in the Content Editor, the text is added to the page.
3. To insert a different type of page content:
    - Click inside the component to make the floating toolbar appear, click the down arrow, and then **Page Content**.

        ![The floating toolbar.](https://doc.sitecore.com/api/markdown-image/xp/en/users/sxa/105/sitecore-experience-accelerator/images/SXA-headless-content-toolbox-dropdown.png)

    - in the **Variant** list, select the component variant you want.

        ![The Variant list.](https://doc.sitecore.com/api/markdown-image/xp/en/users/sxa/105/sitecore-experience-accelerator/images/3A236EE46C0C45A4B55359464F5E3A32.png)

4. To insert page content from a different data source:
    - In the floating toolbar, click **More**, and then **Edit component properties**.
    - In the **Control Properties** dialog box, in the **General** section, click **Browse** to select a different page. Click **OK**. Content from the selected page is added to the current page.

> [!note]
> -   If you point the data source to another page, the component uses fields from that page instead.
>
> -   If you use the Page Content component in a partial design, you can render fields from any page.