Embedding a portlet in web content

Step 1 : Click on “Add  Web Content”  from control panel.

Step 2 : provide name and create structure with 3 fileds like portlet-id, instance-id and query-string.

Step 3 : create template and access all the fields with their name from “Lunch Editor”.

<p>

Welcome to Embeded Portlet to Webcontent

</p>

<div id="test">

<runtime-portlet name="$portlet-id.getData()" instance="$instance-id.getData()" queryString="$query-string.getData()"/>

</div>

Step 4 : provide the details in Webcontent like :

Portlet-id : Employee_WAR_Employeeportlet

Instance-id : 08Mx

Query-string : /

Step 5 : click on publish .

Finally you will get the below output.

Some of the example screen shots :

 

I hope it will be helpful to you.