< Back Advanced features CMS CMS: Creating Dynamic Pages that List Items by Category Important: We've released a more streamlined approach to creating dynamic category pages. We highly recommend this newer method for most setups. Use Wix's built-in category collections and the 'Category' field type to create purpose-built category pages with automatic URL generation, two-way sync between categories and items, and primary category support for SEO. Organize your CMS (Content Management System) collection items by category on your website with dynamic pages. You can create a dynamic 'category' page with a different version for each category. In each version, visitors view a list of the items within the category and can click to view the specific items. For example, let's say you're a book blogger with reviews for many different genres like mystery, romance, and fantasy. By setting up dynamic pages for each genre, your book-loving visitors can easily navigate to the reviews they are interested in, improving their experience. This guide will show you how to establish dynamic pages for each category, adjust URL structures, personalize your pages, and, if desired, create an overarching dynamic page that displays all your categories. Before you begin: Make sure you have a CMS collection with items that you want to categorize. Make sure you've created a dynamic item page for your collection. You will add a dynamic link to this page from your dynamic 'category' page so visitors can click to view details about a particular item. Step 1 | Add a field for categorizing your collection items To display different categories of items on your site, your collection needs a field that defines which category each item belongs to. Add or choose a 'category' field in your collection, then enter values in the field to categorize each item. To add a 'category' field to your collection: Go to CMS in your site's dashboard. Alternatively, you can click CMS in your editor, then click Your Collections . Click the relevant collection. Click Manage Fields . Click + Add Field , choose the Text or Number field type and click Choose Field Type . Enter the Field name (e.g. Category). (Optional for Velo only) Update the Field ID , which is used in the site's code. You cannot update this ID later. (Optional) Enter Help text that will appear in your collection view as a tooltip next to the field name. (Optional) Click the Validations tab to make this a required field, limit the character count, or accept specific values only. Learn more about adding field validations . (Optional) Click the Default value tab to add text that gets added to the field automatically for each new item in the collection. Learn more about adding default values to fields . Click Save . Enter the name of the category that each item belongs to in your new 'category' field. Make sure to spell, capitalize, and use the same number of spaces for each unique category. Step 2 | Add a dynamic page that lists items per category Create a new dynamic list page for your collection. Later, this dynamic page will serve as a template with different versions for each category. Each version will only show items that belong to its category. Wix Editor Go to your editor . Click CMS on the left side of the editor. Click Your Collections . Hover over the relevant collection and click the More Actions icon . Click Add dynamic page . Select List page and click Add to Site . Studio Editor Go to your editor . Click CMS on the left side of the editor. Click Your Collections . Hover over the relevant collection and click the More Actions icon . Click Add dynamic page . Select List page and click Add to Site . Step 3 | Modify the URL slug structures You need to convert your new dynamic list page to a type of dynamic item page that lists items per category. To do so, edit the page's URL slug structure. Make sure to add your 'category' field as a variable and to keep the slug structure unique to your site. Important: If you change the URL slug structure of your dynamic pages, all the existing links to these pages will no longer work. This affects links within your site, any links you've shared externally, and SEO links in search engines. We're releasing a feature that will let you add an automatic redirect , taking visitors and search engines from the old URL to the new one. Unique URL slug structure The URL slug structure cannot already be used by other existing pages on your site. To be unique , the URL slug structure cannot have the same prefix (e.g. {Collection name}) and the same number of variables as another page on your site, even if the variables are different. The CMS will not allow you to save changes to the URL slug structure if it conflicts with an existing one. This is why you may want to alter the URL slug structures of your collection's other dynamic pages. Show me an example of conflicting URL slug structures that cannot be used In the example image below, the URL slug structures conflict with each other because they share the same prefix and have the same number of variables: felines/{origin} felines/{category} Even though technically, the web addresses generated could be unique for each page, the total number of variables after the shared prefix causes the slug structures to conflict. When editing the URL slug structure, make sure it does not have the same prefix and number of variables as another slug structure used on your site. What converts the dynamic list page to a dynamic item page? When you create any dynamic page, a Page Link field is added to your collection. The Page Link field generates the actual URL slug values for each item in your collection based on the URL slug structure of the dynamic page. Editing the dynamic page's URL slug structure causes the Page Link field values to adjust accordingly. If multiple items in your collection have the same Page Link value (URL slug), the CMS determines that these items should share the same page. So, the dynamic page is turned into a dynamic item page with a different version for each unique Page Link value (URL slug). Show me an example of duplicate Page Link field values in a collection In the example collection below, a dynamic list page was turned into a dynamic item page that includes a version for each unique Page Link field (URL slug). In the URL slug structure of a dynamic list page, renamed Felines (Item) (Category) , the Category field variable was added. Since multiple items have the same value (URL slug) in their Felines (Item) (Category) Page Link field, the dynamic list page was converted to a dynamic item page with a version for each unique URL slug. As a result, this dynamic 'category' page has the following versions: felines/medium The version of the dynamic page using this URL slug shows 3 items because 3 of the items share this Page Link field value (URL slug). felines/large The version of the dynamic page at this URL shows 2 items because 2 of the items share this Page Link field value (URL slug). Creating dynamic 'category' pages from combined field variables: You can create dynamic 'category' pages with versions for each unique combination of field values. If you add multiple field variables to the URL slug structure of a dynamic page, the values are combined in the Page Link field. If this field is the same for multiple items, the dynamic page is converted to a dynamic item page with versions for each unique Page Link value (URL slug). Example URL slug structures you can create You can use any text or number fields as variable in your dynamic pages' URL slug structures. For example, you could create the following URL slug structures for your dynamic pages: Dynamic item page: https://www.{your-domain.com}/{collection-name}/{category}/{primary-field} Dynamic category page: https://www.{your-domain.com}/{collection-name}/{category} Dynamic list page: https://www.{your-domain.com}/{collection-name} To edit the URL slug structures of your dynamic pages: Wix Editor Go to your editor . Click Pages & Menu on the left side of the editor. Click Dynamic Pages . Edit the URL slug structures of the dynamic pages that connect to your collection. Click the relevant dynamic page type below for directions: Dynamic item page (used to display individual items) If necessary, you can edit the URL slug structure of your collection's dynamic item page, used to show details about individual items. Keep in mind that changing the URL slug structure of your existing dynamic pages will cause the existing links to these pages to no longer work. This affects links within your site, any links you've shared externally, and SEO links in search engines. To edit the URL slug structure of your dynamic item page used to display individual items: Hover over the dynamic item page, click the More Actions icon and select SEO . Edit the URL slug structure field and press Enter on your keyboard. For example, you could use the following slug structure for your dynamic item page: {collection-name}/{category}/{primary-field} Tip: Click Add Variable to add a collection field to the URL that will dynamically adjust based on the item displayed on the page. Dynamic page (that will display items per category) Convert your dynamic list page into a dynamic page with different versions for each category. To do so, edit the URL slug structure so it remains unique to your site and includes your 'category' field as a variable. To edit the URL slug structure of your dynamic 'category' page: Hover over the dynamic list page, click the More Actions icon and select SEO . Edit the URL slug structure so it includes your 'category' field and does not conflict with existing URL slug structures. For example, you could use the following slug structure for this dynamic 'category' page: {collection-name}/{category} Tip: Click Add Variable to add your 'category' field to the URL slug structure. Press Enter on your keyboard. The page name changes from {Collection Name} (List) to {Collection Name} (Item) . (Optional) Rename your dynamic category page so you can easily recognize it in your editor: Hover over the dynamic 'category' page under Site Pages and Menu , click the More Actions icon and select Rename . Edit the name of the page and press Enter on your keyboard. For example, you could name the page: "{Collection name} (Item) (Category)" Dynamic list page (used to show all collection items) If needed, you can edit the URL slug structure of a dynamic list page that shows all the collection items. Make sure you do not add variables that would make the Page Link field values repeat in your collection, as this would turn the page into a dynamic item 'category' page. To edit the URL slug structure of a dynamic list page: Hover over the dynamic list page, click the More Actions icon and select SEO . Edit the URL slug structure field and press Enter on your keyboard. For example, you could use the following slug structure for your dynamic list page: {collection-name} Studio Editor Go to your editor . Click Pages on the left side of the editor. Edit the URL slug structures of the dynamic pages that connect to your collection. Click the relevant dynamic page type below for directions: Dynamic item page (used to display individual items) If necessary, you can edit the URL slug structure of your collection's dynamic item page, used to show details about individual items. Keep in mind that changing the URL slug structure of your existing dynamic pages will cause the existing links to these pages to no longer work. This affects links within your site, any links you've shared externally, and SEO links in search engines. To edit the URL slug structure of your dynamic item page used to display individual items: Hover over the dynamic item page, click the More Actions icon and select SEO . Edit the URL slug structure field and press Enter on your keyboard. For example, you could use the following slug structure for your dynamic item page: {collection-name}/{category}/{primary-field} Tip: Click Add Variable to add a collection field to the URL that will dynamically adjust based on the item displayed on the page. Dynamic page (that will display items per category) Convert your dynamic list page into a dynamic page with different versions for each category. To do so, edit the URL slug structure so it remains unique to your site and includes your 'category' field as a variable. To edit the URL slug structure of your dynamic 'category' page: Hover over the dynamic list page, click the More Actions icon and select SEO . Edit the URL slug structure so it includes your 'category' field and does not conflict with existing URL slug structures. For example, you could use the following slug structure for this dynamic 'category' page: {collection-name}/{category} Tip: Click Add Variable to add your 'category' field to the URL slug structure. Press Enter on your keyboard. The page name changes from {Collection Name} (List) to {Collection Name} (Item) . (Optional) Rename your dynamic category page so you can easily recognize it in your editor: Hover over the dynamic 'category' page under Site Pages , click the More Actions icon and select Rename . Edit the name of the page and press Enter on your keyboard. For example, you could name the page: "{Collection name} (Item) (Category)" Dynamic list page (used to show all collection items) If needed, you can edit the URL slug structure of a dynamic list page that shows all the collection items. Make sure you do not add variables that would make the Page Link field values repeat in your collection, as this would turn the page into a dynamic item 'category' page. To edit the URL slug structure of a dynamic list page: Hover over the dynamic list page, click the More Actions icon and select SEO . Edit the URL slug structure field and press Enter on your keyboard. For example, you could use the following slug structure for your dynamic list page: {collection-name} Step 4 | Customize your dynamic category page Your dynamic 'category' page should now act as a dynamic item page with different versions for each of your categories. In each version, a repeater has various elements already connected to your CMS collection fields to show details about each item within the category. You can add or remove elements in the repeater, modify their CMS connections, and resize the repeater to fit everything. Use the Preview toolbar to view how each version of your page looks. We recommend connecting text at the top of the page to your CMS 'category' field so that each version shows the name of the category at the top. Want to use a gallery or table instead of a repeater? If you'd rather display the items in a gallery or table , you can. Delete the default repeater and add a Pro Gallery or table. Then connect each part of your gallery or table to the CMS collection through the dataset. To customize your dynamic category page: Wix Editor Go to your editor . Go to your dynamic category page: Click Pages & Menu on the left side of the editor. Click Dynamic Pages . Click the dynamic category page you created in the previous section's steps. (Optional) Add elements to your repeater (e.g. buttons, text, images) or remove elements you do not need. You can adjust the size of the repeater so it can contain all the elements. Click the repeater element and select the Connect to CMS icon . In the Connect Repeater panel on the right, click the element you want to connect. Under Connections , click the relevant drop-downs to connect the element to the relevant collection field or dataset action. The options vary depending on the element type. Tips: Connect text at the top of the page to your 'category' field so it dynamically adjusts, depending on which category is displayed. Connect the image or button in your repeater to your dynamic item page used to display one item at a time. Click Repeater connections at the top of the panel. Repeat steps 3-7 above to connect the elements to collection fields or dataset actions. Click to adjust your repeater elements as needed. Tip: You can add or remove elements from your repeater at any time. Disconnect elements if you want to use static content that doesn't change. Click Preview and use the toolbar to test each version of your dynamic category page. Tip: If you get a 404 error message when you enter preview mode, save and reload your editor, then try again. Click Publish if you are ready to make the changes go live. Studio Editor Go to your editor . Go to your dynamic category page: Click Pages on the left side of the editor. Click the dynamic category page you created in the previous section's steps. (Optional) Add elements to your repeater (e.g. buttons, text, images) or remove elements you do not need. You can adjust the size of the repeater so it can contain all the elements. Click the repeater element and select the Connect to CMS icon . In the Connect Repeater panel on the right, click the element you want to connect. Under Connections , click the relevant drop-downs to connect the element to the relevant collection field or dataset action. The options vary depending on the element type. Tips: Connect text at the top of the page to your 'category' field so it dynamically adjusts, depending on which category is displayed. Connect the image or button in your repeater to your dynamic item page used to display one item at a time. Click Repeater connections at the top of the panel. Repeat steps 3-7 above to connect the elements to collection fields or dataset actions. Click to adjust your repeater elements as needed. Tip: You can add or remove elements from your repeater at any time. Disconnect elements if you want to use static content that doesn't change. Click the Preview icon at the top right and use the toolbar to test each version of your dynamic category page. Tip: If you get a 404 error message when you enter preview mode, save and reload your editor, then try again. Click Publish if you are ready to make the changes go live. Step 5 | (Optional) Create a dynamic page that lists your categories Now that you have a dynamic page with different versions for each of your categories, you may want to create a page that lists all of these categories. That way, visitors can view an index of all your categories, then click to go to the relevant version of the dynamic 'category' page you created earlier. To do this, you need a separate collection with an item for each of your categories. Your 'categories' collection will also need a Multi-Reference field referencing items from your main collection. You can also add an image field for each category's image and a text field to provide a brief description of each category. Then, add a dynamic list page for your 'categories' collection. You need to add a dataset that connects to your main collection and has a filter that includes the Title ('categories') field from your 'categories' collection. Customize the page and modify its URL slug structure if needed. a | Create a collection for listing your categories Go to CMS in your site's dashboard. Click + Create Collection at the top right. Click Start from scratch , then click Next . Enter a name for your collection. (Coding only) Enter a collection ID to use in your code. Leave Multiple item collection (Default) selected and click Create . Add a multi-reference field that references your main collection: Click Add Field , select Multi-reference , then click Choose Field Type . Enter the Field name . Click the Referenced Collection drop-down, select the main collection that includes your 'category' field, then click Save . (Optional) Add more fields to display on your list of categories page (e.g. image, text). For example, you could add an image field for displaying an image representing each category. Add a new item for each category: Click + Add Item . Enter the name of one of your categories in your primary Title field. Click the Multi-Reference cell and select the items that have a category field matching this item's primary Title field. Fill out any additional fields you added for this item/category. Repeat these steps to add items representing each category. b | Add a dynamic page for displaying your list of categories Wix Editor Go to your editor . Click CMS on the left side of the editor. Click Your Collections . Hover over the collection you just created for listing your categories and click the More Actions icon . Click Add dynamic page . Select List page and click Add to Site . Add a dataset that connects to your main collection and has a filter that includes the Title ('categories') field from your 'categories' collection: Click CMS on the left side of the editor. Click Add Content Elements then select Dataset . Click the drop-down, select the main collection and click Create . Click + Add Filter in the Dataset Settings panel on the right. Click the Field drop-down and select your 'category' field. Select Another dataset under Value source . Click the Dataset drop-down and select your collection that lists the categories. Leave Title selected in the Field drop-down and click Add Filter . Connect the 'Read More' buttons in your repeater to your dynamic category page: Click the button in your repeater and select the Connect to CMS icon . Click the Choose a dataset drop-down and select the dataset you just added that connects to your main collection. Click the Click action connects to drop-down and select the dynamic 'category' page. (Optional) Add elements to your repeater (e.g. buttons, text, images) or remove elements you do not need. You can adjust the size of the repeater so it can contain all the elements. Click the repeater and select the Connect to CMS icon to adjust the connections between the elements and your collection. (Optional) Modify the URL slug structure of this dynamic page. Click Preview to test your connections. Click Publish if you are ready to make the changes go live. Studio Editor Go to your editor . Click CMS on the left side of the editor. Click Your Collections . Hover over the collection you just created for listing your categories and click the More Actions icon . Click Add dynamic page . Select List page and click Add to Site . Add a dataset that connects to your main collection and has a filter that includes the Title ('categories') field from your 'categories' collection: Click CMS on the left side of the editor. Click Add Content Elements then select Dataset . Click the drop-down, select the main collection and click Create . Click + Add Filter in the Dataset Settings panel on the right. Click the Field drop-down and select your 'category' field. Select Another dataset under Value source . Click the Dataset drop-down and select your collection that lists the categories. Leave Title selected in the Field drop-down and click Add Filter . Connect the 'Start Now' buttons in your repeater to your dynamic category page: Click the button in your repeater and select the Connect to CMS icon . Click the Choose a dataset drop-down and select the dataset you just added that connects to your main collection. Click the Click action connects to drop-down and select the dynamic 'category' page. (Optional) Add elements to your repeater (e.g. buttons, text, images) or remove elements you do not need. You can adjust the size of the repeater so it can contain all the elements. Click the repeater and select the Connect to CMS icon to adjust the connections between the elements and your collection. (Optional) Modify the URL slug structure of this dynamic page. Click the Preview icon at the top right to test your connections. Click Publish if you are ready to make the changes go live. Next: Learn how to add links to your new dynamic pages in your site's menu . Learn how to add a 'Load More' button to your dynamic list page . Learn how to add input elements that allow visitors to filter collection content . FAQs Click below for answers to common questions about creating dynamic category pages. How do category collections differ from this manual workaround? Category collections are Wix's built-in way to organize content by category. Compared to the manual workaround in this article, they require less setup and include built-in features such as automatic URL generation, two-way sync between categories and items, pre-built category page templates , and primary category support for SEO. This manual workaround gives you more flexibility, including no category limit, but it requires more manual setup. You need to enter category values manually, configure URL slugs yourself, and create and convert the dynamic pages on your own. For most sites, we recommend category collections. One thing to keep in mind is that category collections support up to 1,000 categories per category collection. Why do I get a 404 error message when I preview my new dynamic category page? If you get a Page Not Found (404) error message when previewing newly created dynamic pages, try saving and reloading your editor. Can I add links to my dynamic category pages in my site menu? Yes. When adding a link to your site menu, you can choose which dynamic pages you'd like to link. For dynamic item pages like your dynamic 'category' page, you can choose which specific item (category) the menu link leads to. You can also link other elements such as text, buttons, or images to your dynamic pages. Learn how to add links to your dynamic pages . Can I add 'Load More' or navigational buttons to my dynamic pages? If you have more items than you'd like to show when the page initially loads, consider adding a ' Load More ' button to improve the page's loading performance. This allows you to hide items from displaying until visitors click the button. To help visitors navigate through various collection items, add navigational buttons or pagination bars (Wix Editor only) . This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Managing your business Business solutions & apps Set up a Free Plan on Your Wix Site Let customers try your services before committing to a full membership plan or package by creating a free promotional plan that customers can book only once. Note: Clients who try to purchase the plan a second time receive a notice that the plan can only be purchased once. Alternatively, you can offer a free trial period at the start of a pricing plan . Creating a free plan Free plans are a great way for potential clients to get to know you and your business. You can choose whether you want to offer the plan for free or for a reduced price. You can create a free plan from your site's dashboard, the Wix app, or the Studio app. Dashboard Go to Pricing Plans in your site's dashboard. Click + Create Plan at the top right. Enter your plan's details in the Plan Info section: Enter the plan name. Add a cover image to showcase on your plan. (Optional) Enter a tagline with a brief description of the plan. Add perks under Tell customers what the main features are (e.g. First month free): Note: What you enter here is what your clients see. It does not connect services or content to the plan (see the next step). Scroll down to Benefits and select the checkbox next the services or content types you want to include. Add the relevant details (e.g. the specific services that are included). Select Free under Pricing strategy . Choose the duration from the Length of Plan drop-down: Monthly: Select each one individually. Until canceled: Clients choose when they want to cancel. Custom: Choose the duration of the plan from the Choose period drop-down (weeks, months, years) and enter the relevant number. Choose when you want the plan to start: On a specific date Scroll down to Start date and select Specific date . Click Change . Choose one of the following options: Single date: A plan that begins on one specific calendar date. Select Plan starts and choose the date. Enter a message to display to customers after the start date has passed. Specific day of each month: A plan that always begins on the same day each month (e.g. the 5th of every month), regardless of the month. Enter the Day of the month you want the plan to begin. Click Save . Chosen by customer Scroll down to Start date and select Chosen by customer . Click Change . Choose one of the customer-selectable options: From a specific date onwards: Select the First available date so customers can choose any start date from the timeframe you set. From one specific date to another date : Select the From / To range and enter a Message to show after the latest available start date passes . Click Save . 9. Scroll down to Settings and choose how you want to adjust your free plan's settings: Set purchase limits Manage how your plan is purchased by setting limits on both active subscriptions per customer and the total number of times the plan can be sold overall. Click Edit Limits . Choose how to limit purchases for this plan: Per-customer limits: Click the Limit how many times a customer can purchase this plan toggle and select the relevant option: One active subscription at a time. One purchase per customer (lifetime). Limit purchases per customer. Then, enter the Maximum purchases per customer . Per-plan limits: Click the toggle(s) next to the relevant option: Limit active subscriptions. Then, enter the Maximum active subscriptions . Limit total sold plans. The, enter the Maximum sold plans . When ready, click Done . Allow plan cancellation Enable this toggle to allow clients to cancel their plan subscriptions by themselves in their personal My Subscriptions page. Note: For this to work, your site must have the Wix Members Area and the My Subscriptions pages . Add a policy Create a policy for your pricing plan that appears on the checkout page. This could include any legal requirements, details about your renewal policy, and so on. Note: There is a 3,000-character limit for plan policies, which appear on the checkout page for customers. To add a plan policy: Click Add next to Add a policy . Write your terms and conditions in the field provided. (Optional) Enable the Policy checkbox toggle so clients have to agree to your terms and conditions before completing checkout. (Optional) Enable the Checked by default toggle to automatically tick your policy checkbox for clients. Note: Make sure to check any legal requirements regarding policies, terms, and conditions in the country where you sell your plans. Click Save . Add custom form fields for clients to fill Add a custom form field to your checkout form to gather more information from your customers. It can include specific contact details you need, a checkbox, drop-down or multi-choice field. To add a custom form: Click Select next to Collect additional info at checkout . Click + Create Form . Drag and drop the form field onto the page. Customize a Thank You page Add a message you display to customers after they purchase one of your plans. The message also includes a button, which can lead to your site's home page or any other page. To add a custom form: Click Edit next to Customize a Thank You page . Enter a title for your Thank You page. Add the message you want this page to display. Tip: You can add links to direct customers to additional products, services or plans that may interest them. Enter your Button text . Choose where the button directs customers to: Home Page: When they click the button on the Thank You page, your customers return to your home page. Other page: Direct customers to a specific URL, such as your services or products page or a landing page. Enter the Page URL . 7. Click Save at the top to finish creating your plan. Wix app Before you begin: Make sure you add Pricing Plans to the Wix app . Go to your site in the Wix app. Tap Manage at the bottom. Tap Pricing Plans under Catalog . Tap + Create New Plan at the bottom. Enter your plan's details: Enter the plan name. (Optional) Enter a tagline with a brief description of the plan. (Optional) List the Main Features (e.g. 24/7 gym access). Select Free Plan . Set the plan duration by tapping the Length of Plan drop-down and selecting when the plan expires. Scroll down to Connect Benefits and tap the relevant services or content types you want to connect. Decide how you want to adjust your free plan's settings under the Settings section: Limit to 1 subscription per customer Tap to enable the toggle to create a trial plan that can only be booked once per client . Allow plan cancellation Tap to enable the toggle to allow clients to cancel plans themselves in the My Subscriptions page. Add a policy Tap to enter policy information then tap Save . Note: The policy appears on the checkout page. Collect additional info at checkout Tap the relevant form and tap Save . Learn more about collecting additional info from customers at checkout . Note: You can only create and manage custom forms on desktop. Customize the Thank You Page Tap to customize the message and button text on your Thank You Page and then tap Save . Tap the relevant option to choose where to redirect your customers after checkout: Home Page: Customers go straight to your home page after completing their purchase. Other page: Enter the URL of the page. Tap Save . Wix Studio app Go to your site in the Wix Studio app. Tap Manage . Tap Pricing Plans under Catalog . Tap + Create New Plan at the bottom. Enter your plan's details: Enter the Plan name. (Optional) Enter a tagline with a brief description of the plan. (Optional) List the Main Features (e.g. 24/7 gym access). Select Free Plan . Set the plan duration by tapping the Length of Plan drop-down and selecting when the plan expires. Scroll down to Connect Benefits and tap the relevant services or content types you want to connect. Enable the toggle below to choose your Settings for the plan: Limit to 1 subscription per customer: Tap to enable the toggle to create a trial plan that can only be booked once per client . Allow plan cancellation: Tap to enable the toggle to allow clients to cancel plans themselves in the My Subscriptions page. Add a policy: Tap to enter policy information and tap Save . Note: The policy appears on the checkout page. Collect additional info at checkout: Tap the relevant form and tap Save . Learn more about collecting additional info from customers at checkout . Note: You can only create and manage custom forms on desktop. Customize the Thank You Page : Tap to customize the message and button text on your Thank You Page and then tap Save . Tap the relevant option to choose where to redirect your customers after checkout: Home Page: Customers go straight to your home page after completing their purchase. Other page: Enter the URL of the page. Tap Save . Tap Save at the top right. Notes: When clients subscribe to the free plan, they have instant access to its perks and benefits. During setup, the Let people choose their start date toggle is disabled since the plan is active immediately and does not require a payment. It is not possible to change the pricing strategy when there are active subscriptions. Enabling guest checkout You can allow visitors to your site to join your free plan without signing up or logging in. This is a great way to attract new clients who aren't sure they want to commit right away. To enable guest checkout: Go to Settings in your site's dashboard. Click Pricing Plans Settings . Click the Checkout tab at the top. Enable the Guest Checkout toggle to let people buy a plan without signing up to your website. Click Save . This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Need more help? Solving performance and technical issues Opening Your Browser in Incognito/Private Browsing Mode Sometimes, when trying to view or work on your site, the browser you're using can cause problems. To check if the problem is related to your browser, you can use incognito or private browsing mode. This lets you view your site without your browser remembering previous activity, helping you identify if the issue is caused by your browser. If the issue doesn't happen in incognito / private browsing mode, then it's likely a local problem that can be fixed with the help of the Wix Technical Assistant . Open your browser in incognito or private browsing mode to check if the issues you're experiencing are related to your browser. Chrome Open Google Chrome. Press Ctrl + Shift + N on your keyboard ( Cmd + Shift + N on Mac). Firefox Open Firefox. Press Ctrl + Shift + P on your keyboard ( Cmd + Shift + P on Mac). Safari Open Safari. Press Cmd + Shift + N on your keyboard. Edge Open Microsoft Edge. Press Ctrl + Shift + N on your keyboard. Note: Wix no longer supports live sites on IE11. We recommend using a supported browser to view and edit your site. Still need help? What information should I include if I need to reach out for assistance? For us to best assist you, it helps to have the following information ready: The exact issue you are experiencing. The different browsers and browser versions you have tried. Note: Go to whatismybrowser.com to find out what browser version you are using. The internet security programs you have installed on your computer (e.g. antivirus, firewall). A screenshot of the issue. This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Managing your business Accepting payments on your site Wix Payments: Covering a Negative Balance If you have a negative balance in your Wix Payments account, you need to add funds to return your account to a positive balance. If you have grouped payment methods in your Wix Payments account, and only one payment method is in negative balance, you still need to add funds to return your account to a positive balance. Funds from one group cannot be used to cover a negative balance from another group . Negative balance can occur for the following reasons: You refunded a payment after it was already paid out to your bank account. Your customer filed a chargeback against a payment and the funds were reversed. If you have enough funds in your Wix Payments account from payments processing and/or reserve funds, this will be used to cover the negative balance. If there is still a shortfall, you will see a negative balance notification. By adding funds, you return to a positive balance. You can cover a negative balance by adding funds to your account using a credit/debit card. To add funds, follow the steps below. Adding Funds to Your Account: Go to Payouts in your site's dashboard. Click Add Funds in the Negative Balance notification. Note : If you have more than one negative balance, select the shortfall you'd like to cover. Enter your details to pay by credit/debit card. Click Add Funds . (Optional) If you still have a remaining debt from another payment method group: Click Add Remaining Funds to cover that negative balance now. Click Later to cover that negative balance later. Important: It may take up to 7 business days to process your payment and update your Wix Payments dashboard accordingly. Currently, it's not possible to top-up a negative balance for PayPal payments. To return to a positive balance for PayPal, you need to receive additional PayPal payments. This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Promoting your site SEO (get found on Google) Google Search Console: 404 Error A 404 error means a page no longer exists at the URL Google tried to crawl. This usually happens when a page is deleted or its URL changes without a redirect in place. Google will eventually drop the URL from its index after recrawling your site, once that happens, the error clears from Search Console automatically. In the meantime, you can mark it as fixed. What happens if a 404 error is unresolved? Leaving a 404 error unresolved has knock-on effects beyond Google Search Console. AI tools like ChatGPT and Perplexity also surface your pages in answers, and they cache specific URLs as citations. If those URLs return a 404, the citations become dead links in AI-generated responses. Most AI tools rebuild their knowledge daily from sources like your site's llms.txt file , so setting up a redirect means the correct URL gets picked up in the next rebuild. If you receive a 404 error message for a URL: Check if the page is supposed to be working. If you changed a page URL or deleted a page then the page will not work and you will get a 404. To fix this, you can set up a 301 redirect . If the page is supposed to be working, please contact us for help and tell us the exact URL. This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Managing your business Business solutions & apps Wix Stores: Customer Checkout with Apple Pay or Google Pay After you set up Apple Pay or Google Pay , you can offer customers the convenience of paying with their phones. Note: Apple Pay and Google Pay can only be used for full payments, not for partial payments such as deposits or 'Buy now, pay later'. Additional payment buttons in the Product page You can display an Apple Pay or Google Pay button to relevant customers in the Product page, along with the 'Add to Cart' button. This comes in place of the 'Buy Now' button. If you connected PayPal as well, 3 payment buttons are displayed. Wix Editor Go to your editor . Go to your Product page: Click Pages & Menu on the left side of the editor. Click Store Pages . Click Product Page . Click the product page element on your page. Click Settings . Click the Settings tab. Under Buy Now , click the Show button toggle to enable it. Enable the Change automatically by payment method toggle. Studio Editor It's not currently possible to display PayPal, Apple Pay or Google Pay buttons in the Product page in Wix Studio. Wix Harmony Editor Go to your editor . Click the Page dropdown at the top left of the page. Select the Product page under Store Pages . Click the Product page element in the editor. Click the Settings icon on the action bar. Click the Settings tab. Under Buy Now , click the Show button toggle to enable it. Enable the Change automatically by payment method toggle. Additional payment buttons in the Cart & Checkout pages In the cart page, the Apple Pay or Google Pay button will appear along with PayPal (if connected) and a checkout button (if the manual payments, Square, Stripe or other payment provider is connected). Additional payment buttons are also displayed at the top of the Checkout page. This means customers won't be required to enter their details on your site. Wix Editor Go to your editor . Click Store Pages and then click Cart Page . Note: If your site has more than one business solution app, (e.g. Wix Stores and Wix Bookings), access the Cart page by clicking Cart & Thank You and then Cart Page . Click the cart page element on your page. Click Settings . Click the Settings tab. Under Express checkout , click the Show button toggle to enable it. Studio Editor Go to your editor . Click Pages on the left side of the editor. Click Cart Page under Store Pages . Note: If your site has more than one business solution app, click Cart page under Cart & Thank You . Click the cart page element on your page. Click Settings . Click the Settings tab. Under Express checkout , click the Show button toggle to enable it. Wix Harmony Editor Go to your editor . Click Cart Page under Store Pages . Note: If your site has more than one business solution app (e.g. Wix Stores and Wix Bookings ) click Cart Page under Cart & Thank You . Click the Cart Page element on your page. Click the Settings icon on the action bar. Click the Settings tab. Under Express checkout , click the Show button toggle to enable it. FAQs Click a question below to learn more. Which customers are exposed to the Apple Pay button? The Apple Pay button is displayed to customers using Safari on iOS 11 or macOS Sierra or higher. Apple Pay is not currently available in the following mobile apps: Spaces by Wix , Fit by Wix , or your own native mobile app . Tip: Connect an additional payment method for customers who don't have Apple Pay. Can I customize the button color? You can customize the button color on the Product page and Cart page, but not on the Checkout page. How does authorization and capture affect the button display? It's not currently possible to authorize and capture payments made through Apple Pay or Google Pay. Therefore, if you enable authorization and capture, your Apple Pay and Google Pay buttons are removed from your site. This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Privacy and GDPR Articles Wix and the General Data Protection Regulation (GDPR) Wix.com is 100% committed to data protection. That’s why we welcome the General Data Protection Regulation (also known as the GDPR), which was approved and adopted by the European Union (EU). What is the GDPR? The GDPR is a regulation intended to strengthen and unify data protection for all individuals within the EU. It aims to protect the fundamental right to privacy and the protection of personal data. Wix and the GDPR Customer trust is our absolute top priority. We have worked with a team of experts and have implemented the required adjustments to our products, services, and documentation, to ensure compliance with the GDPR. This empowers Wix customers to get more control over their personal data and gain the tools necessary to protect the information of visitors to Wix sites. We are dedicated to data protection and have effectively reinforced this over the past 10 years. What are we doing to ensure data protection for all our customers? Wix deploys and maintains a range of technical and organizational security measures to protect our and our customers’ data and assets. Our security team leads the facilitation and development of procedures, processes and controls that govern the security and integrity of Wix and our users. For more information, see a detailed breakdown of Wix's Security Measures . Your rights under the GDPR In accordance with the GDPR, Wix provides you with an easy way to exercise your right to access all the personal data we have collected about you, as well as the right to "be forgotten" (to be permanently deleted from our databases). Click below for instructions: Right to access Right to be forgotten This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Managing your business Building your community Site Members: Adding and Customizing the Featured Members List Important: As of January 2024, we're no longer actively maintaining the Featured Members element. If you currently have the element on your site, you can continue using it in the meantime. However, we suggest the following alternatives: Use a repeater or the Pro Gallery to achieve a similar effect. Add a pre-designed strip (Wix Editor) or section (Studio Editor) featuring the team. Add the Staff Member widget (Wix Bookings). Use the Featured Members element to showcase your site members. Display a list of the members you want to highlight, on any page of your site. You can customize the layout and design of this list so it fits your site's look. Adding the Featured Members list You can add the Featured Members element to any page of your site - not just the Members Area. This means you can make this list available to all site visitors, if needed. To add the Featured Members element: Click Add Elements on the left side of the Editor. Click Community . Click Featured Members . Drag the Featured Members element onto your page. Managing the Featured Members Select which members to showcase on your Featured Members list. You can choose from all of your site members, so use the search bar and the drop-down menu to find those you need. To manage the list of members: Click the Featured Members element in your Editor. Click Members . Choose what you want to do: Find and add featured members Search for the member you need in one of the following ways: Start typing your member's name in the search bar. Scroll through the list. Hover on the relevant member. Click the More Actions icon . Click Show . Tip: If you have blog writers or forum moderators on your site, you can filter the list by clicking the drop-down under Choose which members to display . Change the order of the list Using drag and drop, you can easily change the order of the members you're featuring on this list. Remove a featured member If you no longer want to feature a member on the list, you can hide them. To hide a featured member: Hover on the relevant member. Click the More Actions icon . Click Hide . Choosing which details to show about Featured Members Control which details appear next to your featured members. This includes information from your member's account (e.g. profile picture), as well as information that members add on their own to their profile, like company, link or "About" info. To select the elements on the Featured Members list: Click the Featured Members element in your Editor. Click the Elements icon . Select the checkbox next to the elements that should appear about each member: Image: The member's profile pic. Role description: The member role you assigned to this person. Company name: The company they work for, if that information is available on your member list. About: The description the member wrote about themselves on their profile page . Link: This could be any URL that you add to the person's contact info. For example, a link to a site or a web page that introduces this member. Designing the Featured Members list Personalize the design of the containers showing your members in the Featured Members list. You can change their background color, add a border, apply shadow and more – once you design one container, the others adjust accordingly. To design the Featured Members list: Click the Featured Members element in your Editor. Click the element again to select a container box. Click the Design icon . Adjust the following design options: Fill Color & Opacity: Change the containers' background color and adjust its opacity. Border: Design the border of your containers to make them stand out. Corners: Round the corners of your containers to make them look more circular. Shadow: Design a shadow for your containers to create a 3D effect. Changing the layout of the Featured Members list Choose how to display members' images and details on your Featured Members list. To change the layout preset: Click the Featured Members element in your Editor. Click Preset . Choose the layout that suits your look: Cards: Each member's "card" (container box) shows their profile pic and their details below. Side by side: Each member's "card" (container box) shows their profile pic on the right and their details on the left. This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Need more help? Known Issues Clients Not Redirected Back to the Site After Buying a Plan With Xendit or Hitpay When Booking Issue: When a client books a session and buys a pricing plan in the same checkout using Xendit or HitPay, they may not be sent back to the site after paying. The plan purchase may not finish, so the plan isn't applied to the session and the booking isn't confirmed. Who's affected: Sites with both Wix Bookings and Wix Pricing Plans that accept payments through Xendit or HitPay. What site owners can do if a client says they paid but have no booking: 1. Check your Xendit or HitPay account to confirm the payment went through. 2. In your dashboard, go to Pricing Plans → Subscriptions (or the client's contact card) and check whether the plan shows as active for that client. 3. Go to Sales → Orders and look for the client's order. If it hasn't completed, the payment wasn't recorded. 4. If the plan is active, book the session for the client manually from the Booking Calendar and choose their plan as the payment method. 5. If the plan isn't active but the payment went through, contact Wix Customer Care and include the client's details, the order number and the payment reference from Xendit or HitPay. This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Managing your business Business solutions & apps Customizing Your Site Search Button Wix Site Search enables visitors to search for anything on your site. This app comes with a fully customizable search button, allowing you to tailor its appearance and functionality to suit your needs. Tip: You can also customize the search results page where the results are displayed. Customizing the search button settings Customize your search button by editing the placeholder text (the initial text displayed before visitors begin typing) and fine-tuning the responsiveness to control whether results appear as the visitor types or only after they finish. Wix Editor Click the search button in your editor. Click the Settings icon . Customize the following options: Choose what displays: Click the drop-down and select what displays on your search button: Text and icon: Show both text and an icon on your button. Text: Enter the text that appears on your button. Icon: Select or upload the icon you want to display. Icon only: Show only an icon on your button, without text. Icon: Select or upload the icon you want to display. Accessible name: Add a label for screen readers to describe your button. Text only: Show only text on your button. Text: Enter the button text. Nothing: Hide both text and icon from your button. Accessible name: Add a label for screen readers to describe your button. Studio Editor Click the search button in your editor. Click the Settings icon . Customize the following options: Choose what displays: Click the drop-down and select what appears on your button: Text and icon: Show both text and an icon on your button. Text: Enter the text that appears on your button. Icon: Select or upload the icon you want to display. Nothing: Hide both text and icon from your button. Accessible name: Add a label for screen readers to describe your button. Icon type: Select whether the icon is static or animated. Changing the search button layout Adjust the alignment, margins and overall structure of your search button to better integrate it with your site's design. Wix Editor Click the search button in your editor. Click the Layout icon . Customize the following options: Choose what displays: Click the drop-down and select what appears on your button: Text only: Show only text on your button. Alignment: Select how to align the text on your button: Left , Center , or Right . Text and icon: Show both text and an icon on your button. Icon position: Choose where to place the icon in relation to the text: L eft , Right , B elow , or Above . Spacing between text and icon: Adjust the distance between the text and icon using the slider or number box. Alignment: Select how to align the text and icon: Left , Center , Right , or Justify . Icon only: Show only an icon on your button. Alignment: Select how to align the icon on your button: Left , Center , or Right . Nothing: Hide both text and icon from your button. Studio Editor Click the search button in your editor. Click the Layout icon . Customize the following options: Choose what displays: Click the drop-down and select what appears on your button: Text and icon: Show both text and an icon on your button. Icon position: Select where the icon appears: Before , After, Above or Below your text. Alignment: Choose how to align the text and icon: Left , Center , Right , or Justify . Spacing between text and icon: Set the space between the text and icon. Direction: Choose if the layout runs left to right or right to left. Text only: Show only text on your button. Alignment: Choose how to align the text: Left , Center , or Right . Direction: Choose if the text runs left to right or right to left. Icon only: Show only an icon on your button. Alignment: Choose how to align the icon: Left , Center , or Right . Customizing the search button design You can customize the design of your search button for both regular and hover states. Wix Editor Click the search button in your editor. Click the Design icon . Click the State drop-down and select a state to customize: Regular: The default appearance of your button. Hover: How the button looks when a visitor hovers over it. Click the tabs on the left to customize different parts of the button: Background fills Choose a color, gradient, or image for the button’s background, and change the opacity of the image. Text Change the font, size, color, alignment, and add effects like bold or underline to your button’s text. Adjust the spacing and apply a shadow to your text. Borders Change the width, color, and style (solid, dashed, or dotted) of your search button’s borders. Tip: To use the same border for all sides, keep the lock icon enabled. Click the lock icon to unlock it and customize each side of the border separately. Corners Set how rounded your search button’s corners are by entering a radius value. Tip: To use the same radius for all corners, keep the lock icon enabled. Click the lock icon to unlock it to enter different values for each corner and customize the shape. Shadows Add a shadow to your search button and customize its look. You can choose a drop shadow or an inner shadow, then adjust the angle, color, opacity, distance, blur, and size to create the effect you want. Padding Adjust the space inside your search button by setting the amount of padding around the button text. Tip: To use the same padding for all sides, keep the lock icon on. Click the lock icon to unlock it and customize each side of the border separately. Icon Display an icon for your search button and customize how it looks. You can customize the icon's color and size, and adjust its position and spacing in relation to the button’s text. Studio Editor Click the search button in your editor. Click the Open Inspector icon at the top right of the editor. Click Design to open the design settings. Click the State drop-down and select a state to customize: Regular: The default appearance of your button. Hover: How the button looks when a visitor hovers over it. Click the tabs to customize the different parts of the button: Background fills Choose a color, gradient, or image for the button’s background, and change the opacity of the image. Text Change the font, size, color, alignment, and add effects like bold or underline to your button’s text. Adjust the spacing and apply a shadow to your text. Borders Change the width, color, and style (solid, dashed, or dotted) of your search button’s borders. Tip: To use the same border for all sides, keep the lock icon enabled. Click the lock icon to unlock it and customize each side of the border separately. Corners Set how rounded your search button’s corners are by entering a radius value. Tip: To use the same radius for all corners, keep the lock icon enabled. Click the lock icon to unlock it to enter different values for each corner and customize the shape. Shadow Add a shadow to your search button and customize its look. You can choose a drop shadow or an inner shadow, then adjust the angle, color, opacity, distance, blur, and size to create the effect you want. Layout Adjust the space inside your search button by setting the amount of padding around the button text. Tip: To use the same padding for all sides, keep the lock icon on. Click the lock icon to unlock it and customize each side of the border separately. Icon Display an icon for your search button and customize how it looks. You can customize the icon's color and size, and adjust its position and spacing in relation to the button’s text. This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Managing your business Accepting payments on your site Wix Payments: Adding & Managing Business Owners If you're accepting payments as a business entity (Corporation, General Partnership, Limited Liability Company), you must add the details of the relevant business owners / directors to make sure your Wix Payments account complies with all legal requirements. Who should I add? People holding 25% or more of the company's ownership. People who are significantly responsible for managing the company. This includes (but is not limited to) roles like the CEO, CFO, COO, President, Vice President, General Partner, Treasurer, Chairperson, Director etc. If in Canada or the Netherlands, Directors on the corporation company board. Important: Wix Payments may require additional information and/or documents to verify your business owners' identity. You may, but are not required to, add another manager if you've already added yourself. After adding the company's business owners to your Wix Payments account, you can always go back and edit their details or remove them completely if they are no longer relevant. Adding business owners in the Wix Payments setup process Go to Accept Payments in your site's dashboard. Click Complete Set-up under the relevant Wix Payments payment method. Click Complete Account Set-up . Select your business type. Tip : Click the How to select the right business type? guide to help you make your choice. Enter the business owner details: Full name Country of residence Date of birth Personal address ID number or Social Security Number (SSN) Email address Select the checkboxes: Does this person own 25% or more of the business: Yes: Select this option if this person is a shareholder owning 25% or more of the business. No: Select this option if this person owns less than 25% or doesn't own the business at all. Does this person have significant responsibility for managing the company: Yes: Select this option if this person holds a position with control over company management (e.g. CEO, CFO, Treasurer, Chairperson, etc.) No: Select this option if this person's position doesn't involve company management. Enter the person's Title using the text box. Click Add . Click Upload Photo ID and select an ID type. Upload and click Submit . Adding business owners in an existing Wix Payments account Go to Manage Wix Payments . Click Edit Account Details . Scroll down to Business Owners and click + Add business owner . Enter the business owner details, as required: Full name Country of residence Date of birth Personal address ID number or Social Security Number (SSN) Email address Select the checkboxes: Does this person own 25% or more of the business: Yes: Select this option if this person is a shareholder owning 25% or more of the company. No: Select this option if this person owns less than 25% or doesn't own the business at all. Does this person have significant responsibility for managing the company: Yes: Select this option if this person holds a position with control over company management (e.g. CEO, CFO, Treasurer, Chairperson, Director etc.) No: Select this option if this person's position doesn't involve company management. Enter the person's Title using the text box. Click Add . Click Upload Photo ID and select an ID type. Upload and click Submit . Editing a business owner's details Go to Manage Wix Payments . Click Edit Account Details . Scroll down to Business Owners and click Edit next to the relevant business owner. Edit their details in the pop-up window. Click Save . Removing a business owner Go to Manage Wix Payments . Click Edit Account Details . Scroll down to Business Owners and click Remove next to the relevant business owner. This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Using the Wix mobile apps Mobile apps for your customers Wix Mobile Apps: Adding Business Elements to Your Apps Whether you run an online store, restaurant, or a booking service, you can add business elements to your app to enhance your client's experience. For example, if you run a booking-based business, add an element that lists all of your services. This way, clients can easily see and book them directly through your app. Adding business elements to your app Choose the business elements you want to include on your mobile apps. Customize the elements by renaming them, deciding which screens they appear on, and making more personalized edits. 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 . Add the business element: Click the Screen drop-down at the top and choose the screen you want to edit. Click Elements on the left. Select the relevant business category under Add Elements (e.g. Store, Bookings, Events, Restaurants or Table reservations). Click the element you want to add to your screen. Edit the element on the right panel of your screen. Note: The details you can edit depend on the element you add. Repeat step 4 to add and customize more business elements. Click Save & Publish . Note: While you can add the Online Orders and Table Reservations elements from desktop, you edit their appearance from the Wix mobile app (see the Wix app / Wix Studio app tabs). 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, choose the app as your preferred mobile app . Tap Edit . Add the business element: Tap the Screen drop-down at the top and choose the screen you want to edit. Tap + Add Element in the relevant location. Select the relevant business category under Add Elements (e.g. Store, Bookings, Events, Restaurants or Table reservations). Tip: Tap the Search icon to look for specific elements. Tap the element you want to add to your screen. Customize the element you select. Note: The details you can edit depend on the element you add. Tap Add at the top right. Note: Some elements are added automatically and don't require this step. Repeat step 6 to add and customize more business elements. 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, choose the app as your preferred mobile app . Tap Edit . Add the business element: Tap the Screen drop-down at the top and choose the screen you want to edit. Tap + Add Element in the relevant location. Select the relevant business category under Add Elements (e.g. Store, Bookings, Events, Restaurants or Table reservations). Tip: Tap the Search icon to look for specific elements. Tap the element you want to add to your screen. Customize the element you select. Note: The details you can edit depend on the element you add. Tap Add at the top right. Note: Some elements are added automatically and don't require this step. Repeat step 5 to add and customize more business elements. Elements for your online store Add and customize store elements to create a smooth, on-the-go shopping experience for your customers. Add a product gallery or carousel to showcase your products exactly the way you want to. You can also let customers add filters to make browsing and buying easier. With your own mobile app, you can tailor the experience even more by adding a wishlist element so members can save their favorite products directly from the gallery. You can also allow them to add items to their cart right from the product gallery, making the buying process as seamless as possible. Note: Only members of your app can save items to a wishlist. Elements for your restaurant Make orders and table reservations easier on the go by adding these elements to your app. The Restaurant Orders element shows your menu and allows visitors to make an order from their phone. The Table Reservations element lets visitors book tables directly through the member app. Elements for your booking-based business Boost your booking-based business by adding elements that give your customers quick access to their upcoming bookings and full booking history. They can schedule or reschedule sessions, view a weekly agenda, explore your full list of services, and preview upcoming sessions. This keeps your clients engaged, making it a great way to keep everyone on track and organized. Elements for your events Whether you're planning a party, hosting a convention, or selling tickets to a show, Wix Events helps you promote your event and manage your guest list. Use the events carousel or events list to showcase upcoming events and customize the details displayed. Allow quick ticket purchases directly through your app, and keep guests informed by adding an event schedule element with upcoming events. You can also encourage engagement through live discussions and track participation with a list of attendees. FAQs Click below to learn more about business elements for your app. Can I customize my product gallery element for my app? Yes, you can customize your product gallery to match your brand and business goals. If you are building your own native app, you have even more customization options. To customize your product gallery element: Go to your site in the Wix app. Tap Manage at the bottom. Tap Mobile App . (If needed) Switch to editing your own mobile app: Tap the member app name at the top (e.g. Spaces by Wix App). Select Mobile App Builder . Tap Edit . Tap the Edit icon next to your product gallery Choose what you want to customize: select the categories and features you want to display on your gallery (e.g., Wishlist or Show Add to Cart button ), and adjust your image layout. Tap Add at the top right of your screen. Can I customize the button for an empty wishlist? Note: The wishlist element is only available when building your own native mobile app . Yes, you can customize how the images appear on your wishlist element and edit the text for the button that shows when the wishlist is empty. To edit the button, tap the Edit icon next to your wishlist element and tap Customize element . Enable the Show button toggle and enter your button text. Then tap Save . How do I let customers add items to a wishlist? Note: The w ishlist element is only available when building your own native mobile app . To let customers add items to a wishlist, enable the Wishlist toggle in your product gallery settings. Customers can add products to their wishlist directly from your gallery and then access or remove their saved items in the wishlist element. Which Bookings elements can I add to my app? Add Bookings elements to make it easy for members to schedule and manage their appointments, including: Upcoming bookings: Remind clients of their upcoming bookings, allow them to easily book a new appointment and see their booking history. Agenda: Add a weekly timetable and make it easier for your clients to find and book the right service. Services: A list of all your services where your clients can book services straight from the app. Clients can also filter services by location. Upcoming sessions: A preview of your upcoming sessions . Can I edit the table reservation element on my desktop? Currently you can only edit the table reservation element through the Wix app. This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit