Using Fragments
Page fragments are extensible and reusable drag-and-drop elements for building content pages and templates (i.e., masters, pages, and display pages). Built with HTML, CSS, and JavaScript, they can provide both structure and functionality to your pages.
Liferay provides many out-of-the-box fragments, and you can also develop your own using the page fragment editor interface. Additionally, you can embed Liferay widgets or add editable fields within fragments. See Developing Page Fragments to learn more.
Embedding widgets to fragments is deprecated as of Liferay DXP 2024.Q4/Portal GA129 and is scheduled for removal in a future release. Instead, add the widget directly to the content page.
Liferay DXP 2025.Q3+/Portal GA146+ Liferay Marketplace offers free fragments that you can browse and add directly from the Fragments application or the Page Editor. These fragments provide additional design and functionality options without requiring custom development. See Adding Marketplace Fragments to Pages for more details.
To personalize form fields, you can map them to your form fragments.
All fragments are organized into sets for easier management, with common resources available to all the fragments. See Including Default Resources in Fragments for more information.
After adding fragments to a page or template, you can configure and customize them and their sub-elements. See Configuring Fragments to learn more about available options.