> For the complete documentation index, see [llms.txt](https://docs.zep.us/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.zep.us/zep-script/zep-script-guide/appendix/how-to-change-the-mobile-interaction-button.md).

# How to Change the Mobile Interaction Button

You can customize the mobile interaction button by using `App.loadSpriteSheet`.

> Note: The size of the mobile button image is 180 x 180 px.

```
// let button_image = App.loadSpritesheet("button_image.png");
let button;
App.onStart.Add(function () {
        // add button
        button = App.addMobileButton(8, 145, 75, function (player) {
        App.sayToAll(`${player.name}, has tapped the button.`)
	});
	
	button.image = button_image;
	button.sendUpdated();
});
```

<figure><img src="https://3059601135-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkvEvcz_LX5eDyvl13E%2Fuploads%2FDtkWh7r6ajXpZ8rZvLYT%2Fimage.png?alt=media&amp;token=31bb6f68-8296-4880-b6a3-22df2cd66eef" alt=""><figcaption><p>Example of the Updated Mobile Button</p></figcaption></figure>