---
title: "Add a placeholder on an external website in FXM"
slug: "add-a-placeholder-on-an-external-website-in-fxm"
abstract: "Add or replace an existing item on the external site with a placeholder."
---
# Add a placeholder on an external website in FXM

In FXM, you can use the Add Placeholder function to replace an existing item on an external site with a placeholder. When you have added a placeholder, you can add a Sitecore component to the external site. This enables you to add marketing attributes to the new Sitecore component. The placeholder supports both Sitecore content renderings and sublayouts.

In addition, you can also assign personalization rules with the new component, allowing you to create conditional renderings that you can show to specific groups of visitors.

<details>
<summary><h2>Replace an element on an external site</h2></summary>

To replace an element on the external site:

1. In the **Federated Experience Manager Dashboard**, click an external site to select it and then click **Open in Experience Editor**.
2. On the **Home** tab, in the **FXM Advanced** group, click **Add Placeholder**.

    ![Click Add placeholder](https://doc.sitecore.com/api/markdown-image/xp/en/developers/105/sitecore-experience-platform/images/994254C6BA704669B9B32D38D919BD29.png)

3. On the external webpage, click the component that you want to add a placeholder to and click one of the three options that appear.
    - **Add before** adds a Sitecore component before the current item.
    - **Replace** replaces the current component with a Sitecore component.
    - **Add after** adds a Sitecore component after the current component.
4. In the **Add Placeholder** dialog box, in the **Name** field, enter a name for the new component, such as *Replacing Akihabara call out*. In the **Parent** field, click a parent item and then click **OK**.

    ![Enter a name for the new component](https://doc.sitecore.com/api/markdown-image/xp/en/developers/105/sitecore-experience-platform/images/D0CF49EFD6B7402DAB304FED8B616EAA.png)

5. In the **FXM Experience Editor**, on the component that you have just added or replaced, click **Add here**.

    ![Click Add here on the new component](https://doc.sitecore.com/api/markdown-image/xp/en/developers/105/sitecore-experience-platform/images/A15F3E0748974D79818EC466C4A771AF.png)

6. In the **Select a Rendering** dialog box, click the appropriate rendering for the placeholder component and then click **Select**.

    ![Select a rendering for the placeholder component.](https://doc.sitecore.com/api/markdown-image/xp/en/developers/105/sitecore-experience-platform/images/6BC3A358FFD443AA92EA1E5CE1B2526F.png)

7. On the floating toolbar, click![7DB3CE5DDA594D1EAAF44722AB8566AB.png](https://doc.sitecore.com/api/markdown-image/xp/en/developers/105/sitecore-experience-platform/images/7DB3CE5DDA594D1EAAF44722AB8566AB.png)to associate a content item with this component.
8. In the **Select the Associated Content** dialog, navigate to the relevant item in the content tree and click **OK**. This replaces the content in the placeholder component's rendering.

    ![The content in the placeholder component's rendering has been replaced.](https://doc.sitecore.com/api/markdown-image/xp/en/developers/105/sitecore-experience-platform/images/D4C2D6BBD3E54B4C9FC885C4C3029233.png)

9. Click **Save**![F47FA7CD1A764EE7822005FB9743EFFA.png](https://doc.sitecore.com/api/markdown-image/xp/en/developers/105/sitecore-experience-platform/images/F47FA7CD1A764EE7822005FB9743EFFA.png) and when you are ready to publish the changes, on the **Home** tab, in the **FXM Advanced** group, click **Publish**.

</details>

<details>
<summary><h2>Replace the content in an assigned placeholder</h2></summary>

To replace the content in the Sitecore Placeholder:

1. In the **FXM Experience Editor**, on the **Home** tab, in the **FXM Marketing Functions** group, click **Assign Marketing Attribute**. This allows you to edit all the components that you have added a placeholder to.
2. Click the component that you want to edit and add new content to the Sitecore placeholder component. For example, you can replace existing text in the placeholder component with your own text.

    ![You can edit the text in the placeholder component.](https://doc.sitecore.com/api/markdown-image/xp/en/developers/105/sitecore-experience-platform/images/EA3D22DE9A7848108A361BF08C2E8F20.png)

    > [!note]
    > You must assign a click action, page filter, or add a placeholder to a component before you can assign a marketing attribute to it. Components that you can assign marketing attributes to are highlighted.

3. Click **Save**![72272E4959F54701928C6494CE7FE8A6.png](https://doc.sitecore.com/api/markdown-image/xp/en/developers/105/sitecore-experience-platform/images/72272E4959F54701928C6494CE7FE8A6.png).
4. When you are ready to publish the changes, on the **Home** tab, in the **FXM Advanced** group, click **Publish**.

</details>