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;
- Set
data-pf
attributes on the<body>
tag - (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>