# Buttons and Actions

MyWebAR allows you to assign multiple interactive events to any object on the scene.

These events include:

• Open webpage on click\
• Play audio file on click\
• Play 3D model animation on load\
• Play 3D model animation on click\
• Play/pause embedded media on click\
• Move object to position on click\
• Move object to position on load\
• Show/hide object on click

To add a trigger to an object select it on the <mark style="color:blue;">**AR Content**</mark> panel on the left, then go to the <mark style="color:blue;">**Actions**</mark> tab of the <mark style="color:blue;">**Properties**</mark> panel on the right.

![](https://3462873876-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIqwMMglOZIuMlGrpgPV1%2Fuploads%2FOE2X5hZI2dxdJN8Mn5yW%2FBtnsActions_1.jpg?alt=media\&token=fc8dde5c-70dc-46d6-b8f9-a708e7b3e229)

Select the desired behavior from the list and click on the <mark style="color:blue;">**+**</mark> button.

![](https://3462873876-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIqwMMglOZIuMlGrpgPV1%2Fuploads%2FWbPvDUy3BR8MKV2cP98j%2FBtnsActions_2.jpg?alt=media\&token=02572301-0090-441d-8900-3baa2929f414)

The action you have added will appear on the list.

![](https://3462873876-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIqwMMglOZIuMlGrpgPV1%2Fuploads%2FCkff8u8kY0Q0cF5Qx1Wt%2FBtnsActions_3.jpg?alt=media\&token=3800b9be-8ecb-4130-b551-83a1cf60a20a)

Click on an action on the list to expand its settings. Each action has a different set of settings.

For example, if you add the <mark style="color:blue;">**Play/Pause Animation on Click**</mark> attribute to your 3D model, you can select one of the animations embedded into the GLB file by specifying its index, make the animation loop and make it play by default.

![](https://3462873876-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIqwMMglOZIuMlGrpgPV1%2Fuploads%2FwHNf8W8ko2OO8LwBHY61%2FBtnsActions_4.jpg?alt=media\&token=ac69a5d7-bea6-456e-afa6-c708c6f5d8f4)

You can also make one object trigger an action on another object.

For example, you can play a 3D model animation by clicking on a new 3d object acting as a button by taking the following steps:

1. Select your 3D model and add the <mark style="color:blue;">**Play/Pause Animation on Click**</mark> attribute to it.&#x20;
2. Go to the actions settings and set your image as an <mark style="color:blue;">**Event Source**</mark>**.**&#x20;
3. Click on the <mark style="color:blue;">**Publish**</mark> button to make the changes live.

![](https://3462873876-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIqwMMglOZIuMlGrpgPV1%2Fuploads%2FbyybsX0RxDoj4JyQJgcf%2FBtnsActions_5.jpg?alt=media\&token=57883ebf-d0e9-438f-a585-0e8a24cae9c8)

Now clicking on the car icon on the scene will play the first animation embedded into the 3D model (Index 0).
