Add a custom component (preview)
[This article is prerelease documentation and is subject to change.]
A custom component, also referred to as a web template, is a Power Pages site metadata record used to store template source content. Typically, a web template contains Liquid for dynamic content rendering and serves as the central table for integrating Liquid templates with the rest of Power Pages.
Now, custom components can be added to a section of a page within the Pages workspace in the design studio, just like other components. Previously, adding a custom component to a web page required writing code in a code editor like VS Code. This section guides makers on how to add existing custom components with a manifest to a web page. Learn how to create a custom component or add manifests to them at Web templates as components.
Important
- This is a preview feature.
- Preview features aren’t meant for production use and might have restricted functionality. These features are subject to supplemental terms of use, and are available before an official release so that customers can get early access and provide feedback.
To add a custom component to a web page:
Open the design studio to edit the site's content and components.
Go to the Pages workspace.
Select the page you want to edit.
Select the section where you want to add the custom component. You can also add a new section for the component.
Select the ellipses, and then select the custom component from the list.
This list displays only the custom components in the site that have a manifest. A "learn more" link is shown if no such components exist.