Using the Wix mobile apps

Mobile apps for your customers

Wix Mobile Apps: Adding and Setting Up Media in Your Mobile Apps

You can add media to your mobile apps (e.g., your own mobile app, Fit by Wix, Spaces by Wix) to make it more enjoyable and exciting for your members. Videos and images provide visual engagement in a way that textual content can't always do. For example, a guitar school can use videos to show how to play certain musical notes.

It can also improve your app's visibility in search results and attract more users. Additionally, they make apps more user-friendly and appealing, which can also boost retention.

Adding and setting up an image on your app

Use images to elevate your brand on your app and showcase exactly what your visitors can expect. You can use your own images or select from various photos from places like Wix.

Once you add an image, decide how you want to display it on your site and what happens when you click the photo.

A screenshot of an image element on the Spaces app.

To add an image:

Dashboard

Go to Mobile App in your site's dashboard.
Click the relevant tab (e.g. Spaces by Wix app, Your own 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.
Click Image under Basic Items.
Click Change on the panel on the right to add an image. Then click + Upload Media to upload an image from your computer or from your Media Manager.
Click Add to Page.

A screenshot of where to change the stock photo and add a photo element to your app.

Choose what you want to do:
- Adjust: Use the Photo Studio to edit your image.
- Design: Select a Crop ratio and Corner radius.
- Behavior: Choose what happens when tapping the image:
  - Nothing: Nothing happens when the image is clicked.
  - It opens in a pop-up: The image opens in a pop-up window.
  - It triggers an action: The image acts as a button and can be linked to another screen, an external URL, a form, a phone number, or an email address.
- 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.

Wix app

Go to your site in the Wix app.
Tap Manage
at the bottom.
Tap Mobile App.
(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. Fix by Wix), choose the app as your preferred mobile app.
Tap Edit.
Tap the Screen drop-down at the top and choose the screen you want to edit.
Tap + Add Element in the relevant location.
Tap Image under Basic Items.
Tap Change to add a photo.
(Optional) Tap Edit to adjust your photo.
Tap Next.

Screenshot of where to edit your photo or click next to add to your page.

Choose what you want to do:
- Design: Select a Crop ratio and Corner radius.
- Behavior: Choose what happens when tapping the image:
  - Nothing: Nothing happens.
  - It opens in a pop-up: The image opens in a pop-up window.
  - It triggers an action: The image acts as a button and can be linked to another screen, an external URL, a form, a phone number or an email address.

Screenshot of choosing a behavior for an image.

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.

12. Tap Add.

Wix Studio app

Go to your site in the Wix Studio app.
Tap Mobile App.
(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. Fix by Wix), choose the app as your preferred mobile app.
Tap Edit.
Tap the Screen drop-down at the top and choose the screen you want to edit.
Tap + Add Element in the relevant location.
Tap Image under Basic Items.
Tap Change to add a photo.
(Optional) Tap Edit to adjust your photo.
Tap Next.

Choose what you want to do:
- Design: Select a Crop ratio and Corner radius.
- Behavior: Choose what happens when tapping the image:
  - Nothing: Nothing happens.
  - It opens in a pop-up: The image opens in a pop-up window.
  - It triggers an action: The image acts as a button and can be linked to another screen, an external URL, a form, a phone number or an email address.

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.

12. Tap Add.

Adding a video to your app

You can add videos to your app from your Media Manager or add a link from YouTube or Vimeo. Videos help users understand your product or feature and keep them engaged.

A screenshot of a video element added to the Spaces app.