> For the complete documentation index, see [llms.txt](https://dapper-raptor.gitbook.io/quest-map-pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://dapper-raptor.gitbook.io/quest-map-pro/getting-started/using-your-own-hud/add-interface-to-your-hud.md).

# Add Interface to your HUD

Step 5 of 8 in getting Quest Map Pro integrated into your own UI

Navigate to the Graph portion of the editor, click on **Class Settings** and find the **Interfaces** section in the details panel. Note that, by default, in the UMG editor the interfaces section is on the left, whereas in normal blueprint modes it is on the right.

<figure><img src="https://lh3.googleusercontent.com/-JH7VFCVjz4yFAopkpDiftS8Q3P6ITBUEhvhCKWcQAyJDsU1UukvBk9vRlJkS3wXrEjaGM3U9fBT_80GlhX2YC308RTCf5tn76sWVJ2pxY6jZLajBQIONU1qaAWzbNdlR8cedf4Uh1Adoq-vq7Cq9co" alt=""><figcaption></figcaption></figure>

Click the **Add** button and add the interface **BPInt\_QuestMapPro\_ParentUI** to your widget.

<figure><img src="https://lh5.googleusercontent.com/gjNdJs5rX-wa1908vsg2zrQZAXwfc-QgZrBCuLtA9cWcjC-Yza6dQ33MaLsIA__Ss96qDUQh5ppPsvu4vlHL3586uiifXeIscR6EhytU-LEWYppfgND121o8FP8bcSrogk0kc5VyM3MME8c7e8VHGiU" alt=""><figcaption></figcaption></figure>

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th data-hidden></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td>Go Back:</td><td><strong>Name the Elements</strong></td><td></td><td><a href="/quest-map-pro/getting-started/using-your-own-hud/name-the-elements.md">Name the Elements</a></td></tr><tr><td>Next Step:</td><td><strong>Set Up Interface Functions (HUD)</strong></td><td></td><td><a href="/quest-map-pro/getting-started/using-your-own-hud/set-up-interface-functions-hud.md">Set Up Interface Functions (HUD)</a></td></tr></tbody></table>