Sitecore Experience Platform

Add a placeholder on an external website in FXM

Abstract

Add or replace an existing item on the external site with a placeholder.

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.

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.

    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.

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

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

    6BC3A358FFD443AA92EA1E5CE1B2526F.png
  7. On the floating toolbar, click7DB3CE5DDA594D1EAAF44722AB8566AB.pngto 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.

    D4C2D6BBD3E54B4C9FC885C4C3029233.png
  9. Click SaveF47FA7CD1A764EE7822005FB9743EFFA.png and when you are ready to publish the changes, on the Home tab, in the FXM Advanced group, click Publish.

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.

    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 Save72272E4959F54701928C6494CE7FE8A6.png.

  4. When you are ready to publish the changes, on the Home tab, in the FXM Advanced group, click Publish.