Skip to Content

How to create web page and insert content in it using Web Page Composer in SAP EP 7.3

Hi All,

This document will help you to create web page, inserting content into the created page and to display it to end user.


Roles: 1) Area Management

          2) Accessible Area Management

Table of Contents:

Step 1: Creating a page/Area

Step 2: Inserting content in Page

Step 3: Assigning Area to role

Step 4: Publishing Page/Area

Step 5: Accessible Area Management

Step 1: Creating a page/Area

i.   Click on Area management role and go to staging area.

ii.  Now right click on ‘Staging Area’ folder and after clicking on ‘New’, you will get options to create Folder/Area/Page/Imported Page (Page from Portal content).


iii.  Now create a below structure


*Creating Page: right click on Area created,select New–>Page


You can see as in below snapshots there are few options like selecting layout/Navigation setting/Page toolbar options for your page.


Note: If you want to keep version histories for page/area, check “Keep version history for page/Area” checkbox. Only 10 versions can be saved after that it will overwrite old versions.

       After clicking on OK your page will be created with the desired layout.


        You can change your page layout from the options given under Layouts (refer below snapshot)


Step 2: Inserting content in Page

                 Just drag and drop the content from the right hand side content viz.


             i.  Global Shared Content (Folder available in KM under root folder): All the contents in this folder are available here.

         For example,


              ii.   Shared Content in this Area: You can create a shared content in the page, like document repository and can upload content in under Shared Content folder.

              Drag and drop ‘Shared Content’ folder in your page.



           iii.  Content Library Staging Area: Contents of other areas is available here. You can drag drop the area in your page. It will look like this.


             After drag drop Test area.


            iv.   Portal Repository: Only iviews from ‘Content Administration->Portal Content->Portal Applications’ is available. You can simply drag drop these iViews in your page.

For Example,


v.   Content Templates: iViews from ‘Content Administration->Portal Content->Templates->WPC Templates->iViews->WPC Content’ are available.


Step 3: Assigning Area to role

     i.   Open role in portal content to which you wish to assign area (page).

For example, WPC_Demo role


ii.  Click on ‘New’ as shown below then click on ‘Connection’.


iii.   Below window will open which will need 2 mandatory fields,


· Connection ID: You can provide any ID except following conditions.


· Connection Target: It is a path to Area.

How to get Connection Target?

In Area Management click on the area, following screen will be displayed in content area.Highlighted ‘Area ID’ is your target.


Or else click on ‘Send connection request’ link then email will open with target information (which you need to send to your Portal Admin). You will get the ID.


After entering valid values your connection will be created. Here Demo_ID.



Step 4: Publishing Page/Area

You can’t publish your area before page. To publish page, first click on page in Area management.

In content area you will see below options.


Click /wp-content/uploads/2014/09/24_538888.pngto publish.

Note: Click /wp-content/uploads/2014/09/25_538895.png to remove (only enabled for published content).

         Click /wp-content/uploads/2014/09/26_538896.pngto save version.

Validate links before publish then click ok. After that publish Area.



After publishing End user assigned to role (Here, WPC_Demo) can see the page./wp-content/uploads/2014/09/29_538903.png

Structure in Area Management will look like below snapshot after publish.


You can maintain the properties from dropdown in below snapshot.


Step 5: Accessible Area Management

Under Accessible Area Management; area will be shown as folder and page as a normal portal page.


Now right click and open page.


Page will be displayed as below in content area.

i.  Page:


ii.  Properties:You can change the attributes of page under Properties.

iii. Permissions: You can change permissions here.


iv. Approval Settings: Also you can add approvers; this option will be enabling after when you check ‘Approval required’ checkbox.


v.  Version History: You can restore previous version which you have saved (maximum 10 versions). Previous version will be immediately changed and current version changes will be lost after clicking on ‘Restore Version’.


vi.  Scheduled Publication: Before publishing page, you can both maintain publish and remove page date and time.

     Post publish you can maintain page removal time. After the deadline end user can’t see the page.



Your Web Page is now created and published to the enduser

You must be Logged on to comment or reply to a post.