Wix Mobile Apps: Displaying a Banner on Your Mobile Apps
Displaying a banner on your mobile apps (e.g. Spaces by Wix, your own native mobile app) allows you to share important updates, promotions, or announcements directly with your app users.
For example, you can use a banner to announce a limited-time sale or a new feature in your app. Your members and app users can go directly to your product page from the banner. This helps keep your audience engaged and updated about your business.
Adding and customizing a banner in your app
Add a banner to your mobile app to highlight important information or promotions. You can then customize the banner's content and design.
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 Banner, then select a banner element to add to your app.
Choose what you want to edit in the panel on the right:
Content
Reorder, hide, or edit the text for the banner's title, subtitle, button, or description.
Click the Content tab and choose what you want to do:
Reorder banner text: Click and drag an item to a new position.
Edit text: Click the More Actions icon
next to the text, then select Edit to update the text.
Hide or show the text: Click the More Actions icon
next to the text, then select Hide or Show based on your preference.
Click Save & Publish.
Settings
Set the style for all of the banner's text. Adjust the layout, spacing, and other design elements.
Click the Settings tab and choose what you want to customize:
Behavior: Click the Select action drop-down and set what happens when users interact with the banner. For example, link it to another app screen, open an external link, or select Do nothing if no action is needed.
Note: Different actions may appear depending on the type of apps you have on your site.
Layout: Choose a layout type and text alignment.
Design: Select a background image, text style, and more. You can also toggle an image overlay.
Margins: Drag the Margins sliders to adjust the padding around the repeater.
Note: Click the Edit individually icon
to separately adjust the margins.
General Settings: Click General Settings and choose which device to show this element 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:
Tap the mobile app name at the top.
Tap the relevant mobile app.
Tip: If you want to edit a different mobile app (e.g. Spaces by by Wix, Fit 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 Banner at the top, then select a Banner element.
Choose what you want to edit:
Note: Any edits you make are updated live in the preview at the top of the page.
Content
Reorder, hide or edit the text of the banner's title, subtitle, button, or description.
Tap the Content tab and choose what you want to do:
Reorder banner text: Tap and drag an item to a new position.
Edit an existing text: Tap the text you want to edit and update the text.
Hide/Show text: Tap the More Actions icon
next to the relevant text, then tap Hide/Show to set its visibility.
Tap Add.
Settings
Set the style for all your text. Adjust the layout, spacing, and other design elements.
Tap the Settings tab and choose what you want to customize:
Behavior: Tap the Select action drop-down and set what happens when users interact with the banner. For example, link it to another app screen, open an external link, or select Do nothing if no action is needed.
Note: Different actions may appear depending on the type of apps you have on your site.
Layout: Choose a layout type and text alignment.
Design: Select a background image, text style, and more. You can also toggle an image overlay.
Margins: Drag the Margins sliders to adjust the padding around the repeater.
Note: Tap the Edit individually icon
to separately adjust the margins.
General Settings: Choose which screen and device you want this element to appear on.
Visibility: Choose which device to show this element 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 repeater displayed on.
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:
Tap the mobile app name at the top.
Tap the relevant mobile app.
Tip: If you want to edit a different mobile app (e.g. Spaces by by Wix, Fit 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 Banner at the top , then select a Banner element.
Choose what you want to edit:
Note: Any edits you make are updated live in the preview at the top of the page.
Content
Reorder, hide or edit the text of the banner's title, subtitle, button, or description.
Tap the Content tab and choose what you want to do:
Reorder banner text: Tap and drag an item to a new position.
Edit an existing text: Tap the text you want to edit and update the text.
Hide/Show text: Tap the More Actions icon
next to the relevant text, then tap Hide/Show to set its visibility.
Tap Add.
Settings
Set the style for all your text. Adjust the layout, spacing, and other design elements.
Tap the Settings tab and choose what you want to customize:
Behavior: Tap the Select action drop-down and set what happens when users interact with the banner. For example, link it to another app screen, open an external link, or select Do nothing if no action is needed.
Note: Different actions may appear depending on the type of apps you have on your site.
Layout: Choose a layout type and text alignment.
Design: Select a background image, text style, and more. You can also toggle an image overlay.
Margins: Drag the Margins sliders to adjust the padding around the repeater.
Note: Tap the Edit individually icon
to separately adjust the margins.
General Settings: Choose which screen and device you want this element to appear on.
Visibility: Choose which device to show this element 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 repeater displayed on.
Tap Add.
FAQs
Click a question below to learn more about displaying a banner on your mobile apps.
Can I preview the banner before publishing it?
Yes, you can preview the banner as you edit it. You’ll see live updates on your screen as you make the changes.
What kind of updates can I share using a banner?
Use a banner to share promotions, new features, announcements, or any important messages.
Are there any customization options for the images?
Yes, you can upload images, crop them, adjust corner radius, and apply an overlay in the Settings tab.
How do I edit an existing banner from my Wix app?
Tap the Banner element in your app and then tap the Edit icon
. Tap Customize element to change the content or settings, then follow the steps outlined in the Adding and customizing a banner to your app section above.
Need A Professional Website?
Contact Us Today!
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected