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

# Add a pressable button

By the end of this you will have a physical button the player can press with a fingertip in VR and click on desktop.

## Steps

1. Create an actor with a mesh and a collision component. Tag the collision component, for example `Press`.
2. Add a `BPC_Interaction_Overlap` component and set **Component Tag Of Collision** to that tag.
3. Set **Allowed Identifiers** to the fingertip ability identifier if only a fingertip should press it, or leave it empty to accept any.
4. Bind to **Overlap Started** and **Release**.
5. Add a `BPC_Interaction_Select` as well so the same button works on desktop.

[![Collision component tagged for overlap](../images/howto_pressable_01-1600.webp?v=addddc66)](../images/howto_pressable_01-1600.webp?v=addddc66)

Collision component tagged for overlap

[![A fingertip on a button, the button visibly depressed](../images/AFS_UX_Overlap_result-1600.webp?v=436a63dc)](../images/AFS_UX_Overlap_result-1600.webp?v=436a63dc)

A fingertip on a button, the button visibly depressed

## Notes

For a button that physically depresses, use `BPC_Interaction_Overlap_Drag` with a `BPC_State_Drag` component instead, and set **Component Tag Of Drag Comp** to point at it.