Wix Member Apps: Adding and Managing Buttons in Your App
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.In this article, learn more about:
Adding and managing buttons in your app Frequently asked questions (FAQs)Adding and managing buttons in your appCustomize 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.DashboardWix appWix 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 icon to 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.
Go to your site in the Wix app. Tap Manage  at the bottom. Tap Mobile App.  Tap Edit under your site name or the name of your branded app.  Tap the Screen drop-down at the top and choose the screen you want to edit.  Tap + Add Element in the relevant location. 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: Tap 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, contact you 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: Tap the Edit individually icon to separately adjust the margins.  General Settings: Choose which screen and device you want this button to appear on:
        
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.  Location: Select which screen you want the button displayed on.     Tap Add. ﻿
Go to your site in the Wix Studio app. Tap Mobile App.  Tap Edit under your site name or the name of your branded app.  Tap the Screen drop-down at the top and choose the screen you want to edit.  Tap + Add Element in the relevant location. Tap the Button element 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: Tap 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, contact you 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: Tap the Edit individually icon to separately adjust the margins.  General Settings: Choose which screen and device you want this button to appear on:
        
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.  Location: Select which screen you want the button displayed on.     Tap Add. FAQsClick a question below to learn more about adding and managing buttons in your app.How do I edit the color of my button?You can edit the color of your button by changing the theme color of your Wix Members App. Learn more about editing the color themes of your app.How do I link a button to an external URL?To link your button to an external URL to bring members to an external site, follow the steps below.
Choose Open URL from the Select button action drop-down. Enter the link in the Button URL section.  (Optional) Enter the text you want displayed on your button under Button text.How do I link a button to direct members to another screen?To link a button to another screen on your app, follow the steps below.
Choose Open screen from the Select button action drop-down. Select a screen from the Select screen drop-down. (Optional) Enter the text you want to display on the button in the Button text section.Can members call me directly through the app?Yes, members can contact you directly through the app with a Call phone number button. 
Choose Call phone number from the Select button action drop-down. Enter your phone number in the Add phone number section. (Optional) Edit the Button text to what you want displayed on the button.Can members email me directly through the app?Yes, connect a button to your email address, so members can contact you directly from their device. You can choose which email address the emails are directed to.
Choose Send email from the Select button action drop-down. Enter your email address in the Add email section. (Optional) Edit the Button text to what you want displayed on the button.Can I delete a button?Yes, you can. Learn more about managing your app elements.