> For the complete documentation index, see [llms.txt](https://docs.storysdk.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.storysdk.com/tutorial/widgets/button.md).
# Button
## Actions
### Custom action
To add custom action select "**Custom"** in the **"Link\&action"** dropdown menu.
#### Web
To use a custom action in the WebSDK, provide the necessary information in the **Web** field. For example, you can enter details such as the navigation path or screen name. Then, handle the button click event to capture this data.
To handle the event, get a container with the following HTML selector -`#storysdk`:
```javascript
const container = document.querySelector('#storysdk');
```
Add event listener to listen `'storysdk_custom_click'` event:
```javascript
container.addEventListener('storysdk_custom_click', (event) => {
console.log('my custom data', event.detail.data);
// Wtrite your code here
});
```
To retrieve the data you entered, use the `event.detail.data` field inside the event listener.