---
title: Add a menu page
product: Advanced Framework Pro
version: 1.0
engine: Unreal Engine 5.8
updated: 2026-10-05
canonical: https://docs.human-codeable.com/workflows/add-menu-page.html
---

# Add a menu page

By the end of this you will have a new page in the main menu, working in both the VR and desktop menu variants.

## Steps

1. Create a widget deriving from `WBP_Base` for your page content.
2. Create a `PDA_WidgetPage` data asset. Set **Widget** to your widget class and fill in **Button** with the label and icon.
3. Open your pawn and find its `BPC_Pawn_Menu` component.
4. Add an entry to **Pages** and reference your new page data asset.

[![The page data asset](../images/howto_menupage_01-1600.webp?v=8a4f7203)](../images/howto_menupage_01-1600.webp?v=8a4f7203)

The page data asset

[![The page in the VR menu](../images/AFS_UI_Menu_vr-1600.webp?v=789b4a42)](../images/AFS_UI_Menu_vr-1600.webp?v=789b4a42)

The page in the VR menu

## Notes

Because the page is referenced by data asset rather than by the menu widget, the same page appears in `WBP_Menu_VR` and `WBP_Menu_Desktop` without further work.
