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 custom ones 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.
To personalize form fields, you can map them to custom 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.