let's add a viewport component to a page and create a subpage to accommodate additional content here we start with our experience already open in UI builder in the content tree select add component then search for viewport and select the viewport component in the configuration panel select replace with viewport confirm the conversion by selecting replace with viewport configuration and save the change then select edit content and create new page give the page a name we'll call ours subpage then select continue followed by looks good and create in the page created notification select open and editor in the content tree select add component search for list and select list simple then save it at the top select back to default in the content tree select body then in the configuration panel select the events tab select add event map and choose page ready then for event handler select UXF macron viewport load requested in the code edit the viewport element ID by deleting null and entering viewport uncore 1 then edit the route by deleting null and entering subpage select add and save it to test your viewport component and subpage expand the preview options and select open URL path the preview opens in a new browser tab when done close that tab