Wix Member Apps: Adding and Setting Up Media in Your App
You can add media to your app to make it more enjoyable and exciting for your users. 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. In this article, learn how to:
Adding and setting up an image in your app Adding a video to your app Frequently asked questions (FAQs)Adding and setting up an image on your appUse 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.To add an image: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.  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.
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.
﻿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. 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.
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 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 appYou 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. To add a video: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.  Click Video under Basic Items. Click Change Video in the panel on the right and add a video from one of the sources below:Media Manager
Click Media Manager to upload a video from your computer and then click Add to Page.
Tip: You can click the Media from Wix tab to choose from thousands of professional videos and illustrations, free of charge. Choose what you want to edit:
    
Design: Select a Crop ratio and add a Thumbnail to your video.  Display: Toggle Hide video controls to customize controls
Note: This disables custom Behavior options. Behavior: Customize the playback options:
        
Autoplay (on mute): Toggle to enable or disable autoplay on mute. Visitors can turn on the sound manually. Play in loop: Toggle to enable or disable video looping.    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.YouTube
Click YouTube and paste your YouTube video URL link. Choose what you want to edit from the options below:
    
Behavior: Customize the playback options:
        
Autoplay (on mute): Toggle to enable or disable autoplay on mute. Visitors can turn on the sound manually. Play in loop: Toggle to enable or disable video looping.    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.Vimeo
Click Vimeo and paste your Vimeo video URL link. Choose what you want to edit from the options below:
    
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.  Tap Video under Basic Items. Tap +Add Video and choose where you want to add a video from.Media Manager
Tap Media Manager to upload a video from your computer and then tap Add to Page. Tip: You can tap the Media from Wix tab to choose from thousands of professional videos and illustrations, free of charge. Choose what you want to edit:
    
Design: Select a Crop ratio and add a Thumbnail to your video.  Display: Click the Hide video controls toggle to customize the controls.
Note: Hiding controls disables custom behavior options. Behavior: Customize the playback options:
        
Autoplay (on mute): Toggle to enable or disable video autoplay. Visitors can turn on the sound manually. Play in loop: Toggle to enable or disable video looping.   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. ﻿YouTube
Tap YouTube and paste your YouTube video URL link. Choose what you want to edit:
    
Behavior: Customize the playback options:
        
Autoplay (on mute): Toggle to enable or disable video autoplay. Visitors can turn on the sound manually. Play in loop: Toggle to enable or disable video looping.   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. ﻿Vimeo
Tap Vimeo and paste your Vimeo video URL link. Choose what you want to edit:
    
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 + Add Element in the relevant location.  Tap Video under Basic Items. Tap +Add Video and choose where you want to add a video from.Media Manager
Tap Media Manager to upload a video from your computer and then tap Add to Page. Tip: You can tap the Media from Wix tab to choose from thousands of professional videos and illustrations, free of charge. Choose what you want to edit:
    
Design: Select a Crop ratio and add a Thumbnail to your video.  Display: Click the Hide video controls toggle to customize the controls.
Note: Hiding controls disables custom behavior options. Behavior: Customize the playback options:
        
Autoplay (on mute): Toggle to enable or disable video autoplay. Visitors can turn on the sound manually. Play in loop: Toggle to enable or disable video looping.   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. ﻿YouTube
Tap YouTube and paste your YouTube video URL link. Choose what you want to edit:
    
Behavior: Customize the playback options:
        
Autoplay (on mute): Toggle to enable or disable video autoplay. Visitors can turn on the sound manually. Play in loop: Toggle to enable or disable video looping.   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. ﻿Vimeo
Tap Vimeo and paste your Vimeo video URL link. Choose what you want to edit:
    
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 images and videos.How can I add other media besides images and videos?You can add more advanced media directly from the Add Elements menu.Can I edit my uploaded YouTube videos in Wix?Videos from YouTube cannot be edited through Wix, they must be edited in the platform where the video was originally edited and then re-uploaded to Wix. What types of videos and images can I add? How large can the files be?You can upload various file types and sizes. Learn more about supported media on Wix.