Wix Member Apps: Adding and Managing Buttons in Your App
6 min read
Buttons are elements in your app that enhance user interaction. Buttons can be linked to various areas within your app, external websites, and more. For example, add a "Call Us" phone number button to allow members to contact you directly through the app.
Ensure your buttons offer clear calls to action, to encourage users to explore what you and your brand offers.
![A screenshot of a call button on the Home screen of the Space App.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/e8d9ab8e-d3c2-427f-a4f2-1e90c04f91d4/2024/04/15/12a7f947-f7a7-4b2c-9d2d-845e84fe8cce/b3141ebb-b779-44bb-8974-f2d2e24e1e9e.png)
In this article, learn more about:
Adding and managing buttons in your app
Customize your Wix Members app with buttons. You can customize the button layout, size, the action, which devices the buttons will be visible on and more.
Add and edit up to two buttons at a time and choose how you want your buttons to look in your app.
![A screenshot showing a button element added to the app.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/e8d9ab8e-d3c2-427f-a4f2-1e90c04f91d4/2024/06/27/7899a725-8690-4709-a30b-316528418074/c1c7a9e5-f306-4e11-9b9a-2f4ea085d1e3.png)
Dashboard
Owner app
Studio app
- Go to Mobile App in your site's dashboard.
- Select the relevant tab (e.g. Spaces by Wix app, Branded Mobile App).
- Click Edit Mobile App.
- Click the Screen drop-down at the top and choose the screen you want to edit.
- Click Elements on the left.
- Select Button under Basic items.
- Customize your button using the options below:
- Layout: Select the number of buttons you want to add (e.g. one or two buttons). Then choose the size, width, and alignment of the button(s).
- Behavior: Click the Select button action drop-down and choose what you want the button(s) to do. For example, link the button to take members directly to another screen on your app, chat directly through your app, open an external link and more.
Note: Different actions may appear depending on the type of apps you have on your site. - Design: Choose a button design.
- Margins: Drag the Margins sliders to adjust the padding for the button(s).
Note: Click the Edit individually iconto separately adjust the margins.
- General Settings: Click General Settings and under Element visibility, choose which devices to show this button on: All, Android, or iOS.
Note: You can show or hide elements of your site depending on what operating system your members are using on their mobile devices. Your elements are visible on all operating systems by default, but you can decide what to show on iOS, Android, or both.
- Click Save & Publish.
FAQs
Click a question below to learn more about adding and managing buttons in your app.
How do I edit the color of my button?
How do I link a button to an external URL?
How do I link a button to direct members to another screen?
Can members call me directly through the app?
Can members email me directly through the app?
Can I delete a button?
Did this help?
|