Wix Mobile Apps: Adding a Repeater Element to Your Mobile Apps
Add a repeater element to your Wix mobile apps (Fit by Wix, Spaces by Wix, or your own native mobile app) to create a more organized and user-friendly experience.
A repeater shows repeating items (e.g. lists of data, team members, products, etc.) to help you display similar content in a professional way.
For example, if you run a fitness app, you can use a repeater to show a list of available classes and trainers, so members can see all their options in one place.
Adding a repeater element to your mobile apps
You can add or remove items on your repeater element and customize each item individually. Choose between a grid or vertical list layout, adjust image sizes and text, add a repeater title, and more.
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 List and select a Repeater element.
Choose what you want to edit in the panel on the right:
Content
Add new items or edit existing items on your repeater.
Click the Content tab and choose what you want to do:
Add a new item: Click + Add New Item and then add a photo, text and behavior to your item. For example, have the item open to a new screen or send an email. Then click Add.
Edit an existing item: Click the More Actions icon
next to the relevant item, then choose Edit, Duplicate, Hide, or Delete.
Reorder: Click and drag an item to a new position on the list.
Click Save & Publish.
Settings
Set the style for all your items. Adjust the layout, spacing, and other design elements.
Click the Settings tab and choose what you want to customize:
Layout: Select a repeater layout type, set the spacing between items, choose a crop ratio, and enable the text toggle if you want to add text on the items.
Design: Select the text font, image style, and corner radius, and choose whether to show an overlay.
Show title: Enable the toggle to add a title to your repeater.
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. 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 List at the top, then choose a Repeater element.
Choose what you want to edit:
Content
Add new items or edit your existing items on your repeater.
Tap the Content tab and choose what you want to do:
Add a new item: Tap + Add New Item and then add a photo, text and behavior to your item. For example, have the item open to a new screen or send an email. Then tap Add.
Edit an existing item: Tap the More Actions icon
, then choose Edit, Duplicate, Hide, or Delete.
Tap Add.
Settings
Tap the Setting tab and choose what you want to customize:
Layout: Select a repeater layout type, set the spacing between items, choose a crop ratio, and enable the text toggle if you want to add text on the items.
Design: Select the text font, image style, and corner radius, and choose whether to show an overlay.
Element title: Enable the toggle to add a title to your repeater.
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. 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 List at the top, then choose a Repeater element.
Choose what you want to edit:
Content
Add new items or edit your existing items on your repeater.
Tap the Content tab and choose what you want to do:
Add a new item: Tap + Add New Item and then add a photo, text and behavior to your item. For example, have the item open to a new screen or send an email. Then tap Add.
Edit an existing item: Tap the More Actions icon
, then choose Edit, Duplicate, Hide, or Delete.
Tap Add.
Settings
Tap the Setting tab and choose what you want to customize:
Layout: Select a repeater layout type, set the spacing between items, choose a crop ratio, and enable the text toggle if you want to add text on the items.
Design: Select the text font, image style, and corner radius, and choose whether to show an overlay.
Element title: Enable the toggle to add a title to your repeater.
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 adding a repeater element to your mobile apps.
Can I customize the design of each item in a repeater?
Yes, you can. Tap the More Actions icon
next to the relevant item, then tap Edit. You can change the picture, title, subtitle, and behavior of each repeater item.
What types of content can I add to a repeater item?
You can add photos, text, and set behaviors for each repeater item. Click the More Actions icon
next to the relevant item, then click Edit to add content.
Can I add links or actions to items in a repeater?
Yes, you can add different actions when a user interacts with a repeater item. Click the More Actions icon
next to the item and then click Edit. From the Select action drop-down, choose a behavior from one of the many options such as Open URL or Send us a message.
Can I use multiple repeaters on the same page?
Yes, you can add multiple repeaters to the same page to organize different sets of repeating content. Follow the steps in the section above for each repeater.
Can I add different types of content in one repeater?
Yes, you can display various types of content in a single repeater by customizing each item. This flexibility allows you to mix and match different types of information in one cohesive design. Click the More Actions icon
next to an item, then click Edit to adjust the content individually.
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