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

# Add Interface to your HUD

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="name-the-elements">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="set-up-interface-functions-hud">set-up-interface-functions-hud</a></td></tr></tbody></table>
