Wix Stores: Customizing Your Store in the Wix Mobile Apps

Let customers search and filter products across all categories.

1. Customize your product search using the options below:

   • Text: Enter the text that will appear in the search field before visitors begin typing.

   • Display settings: Enable the relevant toggles to add features like a wishlist or sorting filters to your product search. For example, let customers filter by "Bestsellers" or "Under $50".

     • Wishlist: Let customers add products to their wishlist for future reference.

     • Show Add to Cart button: Allow customers to add products to their cart directly from the gallery. You can also decide if they can add more than one product at a time.

     • Show filters: Let customers narrow their search by applying filters. For example, by categories or product options (e.g. size or color).

     • Show sorting options: Allow customers to sort products by various options such as Newest, Price (low to high), or Price (high to low).

   • Margins: Drag the Margins sliders to adjust the padding for the gallery.

     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 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.

2. Click Save.

Display products in a grid. Customers scroll down to view additional items.

1. Customize your product gallery using the options below:

   • Categories: Select a category to display from the Select Category drop-down.

   • Display settings: Enable the relevant toggles to display a Wishlist, Show Add to Cart button, and Show filters.

     Note: The wishlist and 'Add to Cart' button are only available when you build your own mobile app.

   • Layout settings: Choose Fill to make images fill the frame or choose Fit to keep their original aspect ratio so they don't get cut off in the frame.

   • Show title: Enable the toggle and add a title for the gallery.

   • Margins: Drag the Margins sliders to adjust the padding for the gallery.

     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 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.

2. Click Save.

Display one row of products where customers can swipe left or right to browse additional items.

1. Customize your product gallery using the options below:

   • Categories: Select a category to display from the drop-down menu.

   • Display settings: Adjust your Layout settings by choosing Fill to crop images in the frame or Fit to keep them from getting cut off in the frame.

   • Element title: Enter a title for the carousel.

   • Margins: Drag the Margins sliders to adjust the padding for the carousel.

     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 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.

2. Click Save.

Members can save products to their wishlist from your gallery and manage their saved items in the wishlist section.

Note: The wishlist element is only available when building your own mobile app.

1. Customize your wishlist using the options below:

   • Display: Choose the image style and enable the Show Button toggle. Edit the text to display a button when the wishlist is empty.

   • Margins: Drag the Margins sliders to adjust the padding for the wishlist.

     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 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.

2. Click Save.

Let customers search and filter products across all categories.

1. Customize your product search using the options below:

   • Text: Enter the text that will appear in the search field before visitors begin typing.

   • Display settings: Enable the relevant toggles to add features like a wishlist or sorting filters to your product search.

     • Wishlist: Let customers add products to their wishlist for future reference.

     • Show Add to Cart button: Allow customers to add products to their cart directly from the gallery and choose if they can add more than one product at a time.

     • Show filters: Let customers narrow their search by applying filters, such as Categories or Product options (e.g. size or color).

     • Show sorting options: Allow customers to sort products by criteria like Newest, Price (low to high), or Price (high to low).

   • Margins: Drag the Margins sliders to adjust the padding for the gallery.

     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 devices 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 element displayed on.

2. Tap Add. 

Display products in a grid. Customers scroll down to view additional items.

1. Customize your gallery using the options below:

   • Categories: Select a category to display from the Select Category drop-down.

   • Display settings: Enable the relevant toggles to display a Wishlist, Show Add to Cart button, and Show filters.

     Note: The Wishlist and Add to Cart button are only available when you build your own mobile app.

   • Layout settings: Choose Fill to make images fill the frame or choose Fit to keep their original aspect ratio so they don't get cut off in the frame.

   • Element title: Enable the Show element title toggle and add a title for the gallery.

   • Margins: Drag the Margins sliders to adjust the padding for the gallery.

     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 devices 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 element displayed on.

2. Tap Add. 

Display one row of products. Customers swipe left or right to browse additional items.

1. Customize your carousel using the options below:

   • Categories: Select a category to display from the Select Category drop-down.

   • Display settings: Adjust your Layout settings by choosing Fill to make images fill the frame or Fit to keep their original aspect ratio so they don't get cut off in the frame.

   • Element title: Enter a title for the carousel.

   • Margins: Drag the Margins sliders to adjust the padding for the carousal.

     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 devices 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 element displayed on.

2. Tap Add. 

Members can save products to their wishlist from your gallery and manage their saved items in the wishlist section.

Note: Wishlist element is only available when building your own mobile app.

1. Customize your wishlist element using the options below:

   • Display: Choose the image style, enable the Show Button toggle, and edit the button text to display when the wishlist is empty.

   • Margins: Drag the Margins sliders to adjust the padding for the wishlist.

     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 devices 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 element displayed on.

2. Tap Add. 

Let customers search and filter products across all categories.

1. Customize your product search using the options below:

   • Text: Enter the text that will appear in the search field before visitors begin typing.

   • Display settings: Enable the relevant toggles to add features like a wishlist or sorting filters to your product search.

     • Wishlist: Let customers add products to their wishlist for future reference.

     • Show Add to Cart button: Allow customers to add products to their cart directly from the gallery and choose if they can add more than one product at a time.

     • Show filters: Let customers narrow their search by applying filters, such as Categories or Product options (e.g. size or color).

     • Show sorting options: Allow customers to sort products by criteria like Newest, Price (low to high), or Price (high to low).

   • Margins: Drag the Margins sliders to adjust the padding for the gallery.

     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 devices 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 element displayed on.

2. Tap Add. 

Display products in a grid. Customers scroll down to view additional items.

1. Customize your gallery using the options below:

   • Categories: Select a category to display from the Select Category drop-down.

   • Display settings: Enable the relevant toggles to display a Wishlist, Show Add to Cart button, and Show filters.

     Note: The Wishlist and Add to Cart button are only available when you build your own mobile app.

   • Layout settings: Choose Fill to make images fill the frame or choose Fit to keep their original aspect ratio so they don't get cut off in the frame.

   • Element title: Enable the Show element title toggle and add a title for the gallery.

   • Margins: Drag the Margins sliders to adjust the padding for the gallery.

     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 devices 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 element displayed on.

2. Tap Add. 

Display one row of products. Customers swipe left or right to browse additional items.

1. Customize your carousel using the options below:

   • Categories: Select a category to display from the Select Category drop-down.

   • Display settings: Adjust your Layout settings by choosing Fill to make images fill the frame or Fit to keep their original aspect ratio so they don't get cut off in the frame.

   • Element title: Enter a title for the carousel.

   • Margins: Drag the Margins sliders to adjust the padding for the carousal.

     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 devices 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 element displayed on.

2. Tap Add. 

Members can save products to their wishlist from your gallery and manage their saved items in the wishlist section.

Note: Wishlist element is only available when building your own mobile app.

1. Customize your wishlist element using the options below:

   • Display: Choose the image style, enable the Show Button toggle, and edit the button text to display when the wishlist is empty.

   • Margins: Drag the Margins sliders to adjust the padding for the wishlist.

     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 devices 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 element displayed on.

2. Tap Add. 

To engage with your business on Spaces by Wix or Fit by Wix, customers need to become members. To invite customers to join, you can send an invite code. Learn how to invite customers to join your app.

When editing your site as it appears in the member apps, you can click Design at the bottom to adjust your site's app theme. Learn more about changing the theme of your member app.

Yes, after creating new store categories, you can add new store screens (pages) to showcase them in separate tabs. This is possible on both member apps and your native mobile app.

By default, your mobile app includes a shop tab that displays all your products. After creating new store categories, you can either add new store screens to showcase them in separate tabs or add store elements to existing screens

Yes, you can add an 'Add to Cart' button to the product gallery, allowing members to add items directly to their cart. You can also choose whether users can add multiple quantities of the same item. Select the Quantity checkbox to enable this option, or leave it unchecked to limit users to one item at a time.

Note: Users must sign in to your app as members to add items to their cart.