Wix Mobile Apps: Managing Your App Elements

Each screen of your mobile app (e.g. Spaces by Wix, your own native app) contains different elements, similar to the elements on your site pages. You can add the elements that are most relevant to your business. For example, you can add a service element to show a list of all your services and let your app users book them.

Once you've added the elements, arrange them where users can clearly see and interact with them. You can also choose the specific screen where each element appears or remove elements that are no longer necessary.

Adding an element to your mobile apps

Add an element that suits your business and customize it according to your needs. Elements are organized by category so you can quickly find the one you want.

For example, if you have a store and want to add a gallery of all your products, you can add the product gallery element. Select the element and then directly place it onto the screen where you want it displayed.

Dashboard

1. Go to Mobile App in your site's dashboard.

2. Click the relevant tab (e.g. Spaces by Wix app, Your own mobile app).

3. Click Edit Mobile App.

4. Click the Screen drop-down at the top and select the relevant screen.

5. Click Elements on the left.

6. Select a category under Add Elements (e.g. Basic Items, Store, Bookings)

7. Choose the element you want to add to your screen. For example, under Basic Items you can add elements to design and organize your app like buttons, media, titles, and paragraphs.

   Note: Not all elements can be customized from the web editor. You can update those elements from the Wix app.

Wix app

1. Go to your site in the Wix app.

2. Tap Manage

   

   at the bottom.

3. Tap Mobile App.

4. (If needed) Switch to editing a different mobile app:

   1. Tap the mobile app name at the top.

   2. Tap the relevant mobile app.

      Tip: If you want to edit a different mobile app (e.g., Spaces by Wix, Fit by Wix), choose the app as your preferred mobile app.

5. Tap Edit.

6. Tap the Screen drop-down at the top and choose the screen you want to edit.

7. Tap + Add Element in the relevant location.

8. Choose the element you want to add.

   Tip: Tap the Search icon

   

   to look for specific elements.

9. Add the relevant details to the element.

10. Tap Add at the top right.

Wix Studio app

1. Go to your site in the Wix Studio app.

2. Tap Mobile App.

3. (If needed) Switch to editing a different mobile app:

   1. Tap the mobile app name at the top.

   2. Tap the relevant mobile app.

      Tip: If you want to edit a different mobile app (e.g. Spaces by Wix, Fit by Wix), choose the app as your preferred mobile app.

4. Tap Edit.

5. Tap the Screen drop-down at the top and choose the screen you want to edit.

6. Tap + Add Element in the relevant location.

7. Choose the element you want to add.

   Tip: Tap the Search icon

   

   to look for specific elements.

8. Add the relevant details to the element.

9. Tap Add at the top right.

Reordering elements on your mobile apps

Set up your screen by putting the most important elements at the top of the screen. You can adjust the order by moving them up or down on the screen as needed.

Dashboard

1. Go to Mobile App in your site's dashboard.

2. Click the relevant tab (e.g. Spaces by Wix app, Your own mobile app).

3. Click Edit Mobile App.

4. Click the Screen drop-down at the top and choose the relevant screen.

5. Click on the element you want to reorder.

6. Choose what you want to do:

   • Click the Move up icon

     

     to move the element up.

   • Click the Move down icon

     

     move the element down.

Wix app

1. Go to your site in the Wix app.

2. Tap Manage

   

   at the bottom.

3. Tap Mobile App.

4. (If needed) Switch to editing a different mobile app:

   1. Tap the mobile app name at the top.

   2. Tap the relevant mobile app.

      Tip: If you want to edit a different mobile app (e.g., Spaces by Wix, Fit by Wix), choose the app as your preferred mobile app.

5. Tap Edit.

6. Tap the Screen drop-down at the top and choose the screen you want to edit.

7. Tap the Edit icon

   

   at the top right of the element you want to move.

8. Choose what you want to do:

   • Tap Move up to move the element up.

   • Tap Move down to move the element down.

Wix Studio app

1. Go to your site in the Wix Studio app.

2. Tap Mobile App.

3. (If needed) Switch to editing a different mobile app:

   1. Tap the mobile app name at the top.

   2. Tap the relevant mobile app.

      Tip: If you want to edit a different mobile app (e.g., Spaces by Wix, Fit by Wix), choose the app as your preferred mobile app.

4. Tap Edit.

5. Tap the Screen drop-down at the top and choose the screen you want to edit.

6. Tap the Edit icon

   

   at the top right of the element you want to move.

7. Choose what you want to do:

   • Tap Move up to move the element up.

   • Tap Move down to move the element down.

Deleting an element

If you no longer want or need an element on your mobile app, delete it directly from the screen. You can add the same element again later, but any customization you’ve made to the element can’t be restored.

Dashboard

1. Go to Mobile App in your site's dashboard.

2. Click the relevant tab (e.g. Spaces by Wix app, Your own mobile app).

3. Click Edit Mobile App.

4. Click the Screen drop-down at the top and choose the relevant screen.

5. Click on the element you want to delete.

6. Click the Delete icon

   

   .

7. Click Delete to confirm.

Wix app

1. Go to your site in the Wix app.

2. Tap Manage

   

   at the bottom.

3. Tap Mobile App.

4. (If needed) Switch to editing a different mobile app:

   1. Tap the mobile app name at the top.

   2. Tap the relevant mobile app.

      Tip: If you want to edit a different mobile app (e.g., Spaces by Wix, Fit by Wix), choose the app as your preferred mobile app.

5. Tap Edit.

6. Tap the Screen drop-down at the top and choose the screen you want to edit.

7. Tap the Edit icon

   

   right of the element you want to delete.

8. Tap Delete element.

9. Tap Delete element to confirm.

Wix Studio app

1. Go to your site in the Wix Studio app.

2. Tap Mobile App.

3. (If needed) Switch to editing a different mobile app:

   1. Tap the mobile app name at the top.

   2. Tap the relevant mobile app.

      Tip: If you want to edit a different mobile app (e.g., Spaces by Wix, Fit by Wix), choose the app as your preferred mobile app.

4. Tap Edit.

5. Tap the Screen drop-down at the top and choose the screen you want to edit.

6. Tap the Edit icon

   

   right of the element you want to delete.

7. Tap Delete element.

8. Tap Delete element to confirm.

FAQs

Click below to learn more about managing your app elements.