Skip to main content

Get Started - Tutorial

Configure a Page

Configuring a Page to be fully supported by Perfection's features is done in two parts, the second one optional if you do not wish to use deep links at page level;

  1. Set data-pf attributes on the <body> tag
  2. (Optional) Add providerId and providers values to get Deep Link enable (Usefull for page composition and metadata quick update scenario)

Set data-pf attributes​

The page attribute is a single data-pf attribute on the <body> tag. The value for this attribute should be at least a unique identifier of the page you are rendering. It is a free text value allowing you to insert any kind of identifier, like the page slug, ID, or any other identifier that is best suited for your solution. This attribute is used to differentiate pages and content/styling stored in our platform.

<body data-pf='{"pageId": "unique-id"}'></body>
tip

You can also have Deep Links enabled at page level by adding providerId and other properties requested by a provider.

<body data-pf='{"pageId": "unique-id", "providerId": "my-content-provider" "entryId": "abc1234"}'></body>

Developers Ressources​

Integration Examples​