Manually Personalize Page Elements

The Web Personalization Manager enables you to modify HTML elements manually. Using the visual editor interface, you can select multiple elements on individual web pages, and modify attributes to provide personalized content to site visitors.

1. From the Personalization Experiences menu in Web Personalization Manager, select New.
2. Select Embedded Content, and click Next.
   

   Note To learn more about the Web Curation Agent experience or for assistance with setup, contact your account executive.
3. Select the button next to the personalization point that you want to base the personalization experience on.
   Web Personalization Manager displays only personalization points in the data space you've configured in the website's sitemap.
4. (Optional) To create a new personalization point, click Create Personalization Point.
   A window opens enabling you to create and configure a personalization point. After you finish creating the personalization point, you can then return to the selection window to choose it.
5. Click Next.
6. Click Select and Modify Existing Elements and click Next.
7. From the Location tab in the Editor panel, specify the page option where you want to display the personalized content.
   • To display the personalization experience on all website pages of the type you’re currently on, select Current Page Type.

     For example, selecting this option on a Product Detail Page type duplicates the experience on all product detail pages on the website.

   • To select pages based on a URL, select Page URL and specify a URL.

     Using wildcards, you can apply the personalization to multiple pages. For example, you can use a wildcard for the page name to apply the personalization to all pages in a specific path, such as https://mysite.com/product/*.html.

8. Under Page Element Selection, click Select Element.
9. On the element selection page, hover over the element that you want to use, wait until it’s highlighted, and then click it.
10. (Optional) To select the top-level element that includes the currently selected element, click Select Parent.
    

    Tip You can use the Page Element field to add the CSS code for the elements or make changes to existing ones.
11. To add more elements, click Add Element.
12. After you finish adding elements, click the Content tab.
13. Select the type of engagement that you want to track from the Engagement Destination menu. For more information, see Track Personalization Engagement.
14. For each element you choose, select the personalized content attribute that you want to display.
    
15. Click the Preview Settings tab.

    preview option	action
    Show Overlays	Enable this option if you want to display highlighted overlays around personalized content when previewing your personalization experience.
    Show All Personalization Experiences	Enable this option if you want to preview the current experience along with all the other personalization experiences created on the page.

16. (Optional) Enter a different Individual ID if you want to preview the personalization experience from the perspective of a different user.
17. Click Save.