Buttons are a great way to add interactivity to your project. You can use buttons to trigger events based on user interaction. Additionally, you can use buttons to direct users to external websites and social pages.

Adding a Button

To add a button to your scene, select the button icon from the Components Panel and drag the desired button onto your canvas. Designer includes a number of preset button designs for you to choose from, as well as a number of social media styled buttons, which are pre-filled with the appropriate starting URL.

Editing a Button

When you select your button in the canvas, the properties are editable via the Properties Panel.

Here, you can edit the following:

Option Description
Transforms Edit the size (Width/Height), position (X/Y Co-ordinates) and rotation (Degree) of your button.
Order Move your button forward and backwards relative to other objects in your scene.
Mirror Flips the button on the Y axis.
Text Changes the text displayed.
Action Add an on tap action.
Appearance Alter the shape, fill colour, border width, and corner radius of the button. You can also edit the text font, height, colour, and alignment.
Transition Add an entrance or exit transition.

Click here to learn more about how to add actions to your button.

zapcode branded_zapcode i