< Back Managing your business Business solutions & apps Third-Party App: Customer Reviews by Write a Customer Review With the Customer Reviews app by Write a Customer Review, you can build your business by getting testimonials from your customers and instantly publishing them on your website. Features and benefits include: Engage your customers instantly Show your best reviews first Close sales using positive client reviews, testimonials, and comments Turn customers into your trusted brand ambassadors Check out the Customer Reviews app by Write a Customer Review to get started. For questions or comments, contact Write a Customer Review directly: Website: http://www.writeacustomerreview.com/news/ Email: wix@dwalliance.com 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 Building an accessible site Making your site accessible Accessibility: Compliance with Your Regional Laws Most web accessibility regulations are based on the international specifications outlined in the Web Content Accessibility Guidelines (WCAG) . However, they may differ between regions and we therefore advise checking the requirements for your area. Compliance and your Wix site When you build a site with Wix, we take care of some backend accessibility features / configurations, including: Keyboard operability Defining ARIA attributes for Wix elements Focus indicators 'Skip to main content' links Our Accessibility checklist outlines how you can make further adjustments and increase the accessibility of content and elements you add. As local laws can vary, the steps in this checklist are universal - so they cover the basics for most regions. Important While we are always working to update and improve our products, we cannot guarantee that the use of our services is compliant with the accessibility laws and regulations of all regions. Accessibility audits Compliance is a legal matter. Therefore, once you’ve completed the checklist, you’ll need to have your site audited by a local, legal Accessibility Consultant. Audits either legally confirm compliance success, or provide you with the remaining required steps for your region. Important: As the site owner, you are responsible for reviewing and complying with local legislation applicable to you or your site visitors. Have questions or feedback? If you need help with completing any additional steps required in your area, or if you'd like to share feedback or request other accessibility tools, you can contact us . 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 Bookings: Setting Up the Service List Element Your service list displays all the classes, courses and appointments you offer on your site. You can display everything on one page, or divide services by category on different pages. You can also customize the service list's design to suit your brand. Step 1 | Add the service list element Add a service list element to your page and display the services you want to promote. You can update the services displayed on this list as your business grows and you offer more services. Wix Editor Go to your editor . Go to the page where you want to display your services. Click Add Elements on the left side of the editor. Click Bookings . Click Service List . Drag the Service List element onto the page. Click the Service List widget. Click Settings . Click Services . Under How do you want to choose which services to display? , select the relevant option: Choose by service category , Choose by service location , or Choose services directly . Click the checkbox next to the relevant categories, locations or services you want to display. The options you see depend on your choice in the step above. Studio Editor Go to your editor . Go to the page where you want to display your services. Click Add Elements on the left side of the editor. Click Bookings . Click Service List . Drag the Service List element onto the page. Click the Service List widget. Click Settings . Click Services . Under How do you want to choose which services to display? , select the checkbox next to the relevant option: Choose by service category , Choose by service location , or Choose services directly . Click to select the checkbox next to the relevant categories, locations or services you want to display. The options you see depend on your choice in step 9 above. Wix Harmony Editor Go to your editor . Click + Add at the top left of the editor. Select the Bookings category. Tip: Click the Arrow icon next to the categories to browse through the list. Drag the Service List element onto the page. Step 2 | Customize the layout of the service list element Customize the layout of your service list to showcase your services and get more bookings. As the number of services you offer grows, you can adjust the layout to keep things clear. Wix Editor Go to your editor . Click the Service List element. Click Settings . Click the Layouts tab. Customize the layout of your Service List using the options: Choose a Layout: Select a layout for your Service List. Set the Max cards per row , if applicable to your chosen layout. Spacing: Set the spacing between your services in your list. Service Details Padding: Set the padding around the edges, and above and below your service details. Image Layout: Depending on the layout, choose the position, shape and cropping of the images in your Service List. Text Layout: Set the alignment for the list title and service text. Service List Tabs: Choose how you want to display and align your tabs. Studio Editor Go to your editor . Click the Service List element. Click Settings . Click the Layouts tab. Customize the layout of your Service List using the options: Choose a Layout: Select a layout for your Service List. Set the Max cards per row , if applicable to your chosen layout. Spacing: Set the spacing between your services in your list. Service Details Padding: Set the padding around the edges, and above and below your service details. Image Layout: Depending on the layout, choose the position, shape and cropping of the images in your Service List. Text Layout: Set the alignment for the list title and service text. Service List Tabs: Choose how you want to display and align your tabs. Wix Harmony Editor Go to your editor . Click the Service List element. Click the Settings icon on the action bar. Click the Layouts tab. Customize the layout of your Service List using the options: Choose a Layout: Select a layout for your Service List. Set the Max cards per row , if applicable to your chosen layout. Card spacing: Set the spacing between your services in your list. Note: The exact spacing options vary based on the layout you choose for the Service List. Service Details Padding: Set the padding around the edges, and above and below your service details. Image Layout: Depending on the layout, choose the position, shape and cropping of the images in your Service List. Text Layout: Set the alignment for the list title and service text. Service List Tabs: Choose how you want to display and align your tabs. Step 3 | Customize your service list display settings Next, adjust the display settings on your service page to add more details about your services. This is a great way to sort your services and choose what you want to display. You can also show course availability and service actions, including a book now button or a button which takes clients to your membership plans. Wix Editor Go to your editor . Click the Service List element. Click Settings . Click the Display tab. Customize the display of your Service List using the options: Show title on Service List: Enable the toggle to display the service list name. This is useful if you have several service lists on different pages. Show tabs on Service List: Enable the toggle to show different categories of services.Then set up the following: Use tabs to filter by: Choose how you want to filter the tabs: Categories: Choose this option if you offer a variety of different services. Locations: Choose this option if you offer the same services at several locations. Show tab with all services: Click the checkbox to allow your clients to view a complete, unfiltered list of your services. Service Details: Choose the displayed services and where clicking takes visitors: What would you like to show? Select checkboxes next to each detail you want to display. Clicking on the service name or image will take clients to the: Select whether your clients go to the Booking Calendar or the Service Page when they click the service name or image on the service list. Note: By default, the service list is set up to send visitors to the Calendar page when they click a service name or image. Course Availability: Enable the toggle to show the current status of a course, for example, "6 spots left" or "fully booked". Then choose what you want to display: Number of spots left: Show the exact number of spots left on the course. Availability text: Show that there are still spots available, without showing the exact number. Service Actions: Select the relevant checkbox: Book Button: Display the Book Now and More Info buttons on your service list. Explore Plans Link: Display a link to your Plans & Pricing page where clients can buy a membership or package . Studio Editor Go to your editor . Click the Service List element. Click Settings . Click the Display tab. Customize the display of your Service List using the options: Show title on Service List: Enable the toggle to display the service list name. This is useful if you have several service lists on different pages. Show tabs on Service List: Enable the toggle to show different categories of services.Then set up the following: Use tabs to filter by: Choose how you want to filter the tabs: Categories: Choose this option if you offer a variety of different services. Locations: Choose this option if you offer the same services at several locations. Show tab with all services: Click the checkbox to allow your clients to view a complete, unfiltered list of your services. Service Details: Choose the displayed services and where clicking takes visitors: What would you like to show? Select checkboxes next to each detail you want to display. Clicking on the service name or image will take clients to the: Select whether your clients go to the Booking Calendar or the Service Page when they click the service name or image on the service list. Note: By default, the service list is set up to send visitors to the Calendar page when they click a service name or image. Course Availability: Enable the toggle to show the current status of a course, for example, "6 spots left" or "fully booked". Then choose what you want to display: Number of spots left: Show the exact number of spots left on the course. Availability text: Show that there are still spots available, without showing the exact number. Service Actions: Select the relevant checkbox: Book Button: Display the Book Now and More Info buttons on your service list. Explore Plans Link: Display a link to your Plans & Pricing page where clients can buy a membership or package . Wix Harmony Editor Go to your editor . Click the Service List element. Choose what to do next: Show or hide elements (e.g. title, service details) Click the Display Elements icon on the action bar. Select or deselect the checkbox next to an element to show or hide it: Page title: The title of the service list (e.g. 'Our Services'). Services: Actions and pieces of info that appear next to each service (e.g. price, duration, explore plans link, etc). Service Image: The image you've added to every service. Book Button: A button that allows visitors to book the service they're interested in. Choose which services to display Click the Settings icon on the action bar. Click Services . Under How do you want to choose which services to display? , select the checkbox next to the relevant option: Choose by service category , Choose by service location , or Choose services directly . Click to select the checkbox next to the relevant categories, locations or services you want to display. Note: The options you see depend on your choice in step 3 above. Customize more display settings Click the Settings icon on the action bar. Click the Display tab. Choose what you want to adjust: List Details: Enable the Group services toggle to organize your services by category or location, improving the navigation experience. Then, choose how to display the groups of services - in tabs or a menu layout. Tip: Select the checkbox next to Show tab with all services to let your clients see a complete, unfiltered list of your services. Service Click Actions: Decide what happens when clients click on the Book Button and the service name or image. You can redirect them to the Bookings Calendar or the Service Page. Course Availability: Enable the toggle to show the current status of a course, for example, '6 spots left' or 'fully booked'. Then choose what you want to display: Number of spots left: Show the exact number of spots left on the course. Availability text: Show that there are still spots available, without showing the exact number. Step 4 | Edit the text on the service list element Now that your display settings are clear, you can edit the text that guides your users through your service list. Customize the title and tab name, encourage clients to view details and book sessions. Wix Editor Go to your editor . Click the Service List element. Click Settings . Click the Text tab. Customize the text on your service list: Text: Edit the List Title , All Services Tab , Read More Link and Video Conferencing Badge . Course Availability: Edit the Availability text and No availability text . Service Actions: Edit the Book Online Button , More Info Button , Request Booking Button , View Course Button , and Explore Plans Link . Studio Editor Go to your editor . Click the Service List element. Click Settings . Click the Text tab. Customize the text on your service list: Text: Edit the List Title , All Services Tab , Read More Link and Video Conferencing Badge . Course Availability: Edit the Availability text and No availability text . Service Actions: Edit the Book Online Button , More Info Button , Request Booking Button , View Course Button , and Explore Plans Link . Wix Harmony Editor Go to your editor . Click the Service List element. Click Edit Text on the action bar. Select an option under Choose an element to edit its text : Page title , Services Menu , Services , Book Button, or Load More button . Edit the text on any of the available options. Step 5 | Design the service list element Once you're happy with your service list text, customize the design of your service page to fit your site and your brand. You can personalize the background and dividers, the text style and the button design. Wix Editor Go to your editor . Click the Service List element. Click Settings . Click the Design tab. Design your Service List using the options below: Background & Dividers : Use the sliders to customize the opacity, color borders and more of your background and dividers. Text Style: Click the Text icon to edit the style, color and font of each piece of text on the service list. Note: If the title is hidden, you can go to the Display tab to make the title visible. Service Actions Design: Choose a style for Book Button and Explore Plans Link a font and color and adjust the button background and opacity. Tab Design: Choose the standard design for your tabs, including text font and color, and Divider Opacity & Color . Note: You only display tabs when you have more than one location or more than one category in your service list. Enable the Show tabs on Service List toggle in the Display tab to show different categories of services. Studio Editor Go to your editor . Click the Service List element. Click Settings . Click the Design tab. Design your Service List using the options below: Background & Dividers : Use the sliders to customize the opacity, color borders and more of your background and dividers. Text Style: Click the Text icon to edit the style, color and font of each piece of text on the service list. Note: If the title is hidden, you can go to the Display tab to make the title visible. Service Actions Design: Choose a style for Book Button and Explore Plans Link a font and color and adjust the button background and opacity. Tab Design: Choose the standard design for your tabs, including text font and color, and Divider Opacity & Color . Note: You only display tabs when you have more than one location or more than one category in your service list. Enable the Show tabs on Service List toggle in the Display tab to show different categories of services. Wix Harmony Editor Go to your editor . Click the Service List element. Click the Settings icon on the action bar. Click the Design tab. Design your Service List using the options below: Background & Dividers : Use the sliders to design the background and the dividers between services. Customize the opacity, colors, borders and more. Text Style: Click the Text icon to edit the style, color and font of each piece of text on the service list. Note: If the title is hidden, you can go to the Display Elements panel to make it visible. Service Actions Design: Choose a style for Book Button and Explore Plans Link a font and color and adjust the button background and opacity. Tab Design: Choose the standard design for your tabs, including text font and color, and Divider Opacity & Color . Note: You only display tabs when you have more than 1 location or more than one category in your service list. Enable the Group Services toggle in the Display tab to show different categories of services. FAQs Click below to learn more about setting up your Service List. How do I adjust the layout on mobile? You can adjust the layout on mobile by switching to the mobile view in your editor. In the Layouts tab of the Settings panel, choose from 2 layout styles and 3 shapes for your service images. The layout is also now fully responsive, so you can provide a better experience on mobile. Why can't I see tabs? You only display tabs when you have more than 1 location or more than one category in your service list. Enable the Show tabs on Service List toggle in the Display tab to show different categories of services. Note: If you're using the Wix Harmony Editor, enable the Group Services toggle in the Display tab. 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 Advanced features CMS CMS: Adding and Setting Up a Single Item Collection A single item collection contains one block of content made up of standard fields that you add to. The content you add to these fields can appear on one or more static pages of your website. To display the content, you connect elements on your page to the fields in your collection. This type of collection does not have a table layout in the CMS. It is best suited for non-repeatable content, such as an about page or a single element, like a picture or a text box. Learn more about single item collections . Step 1 | Create a single item collection When you create a collection, you either select a collection with a single item or a collection with multiple items. To create a single item collection: Go to CMS in your site's dashboard. Alternatively, you can click CMS in your editor . Click + Create Collection at the top right. Click Start from scratch . Tip: Alternatively, click Create with AI to let AI (Artificial Intelligence) create a collection for you . Click Next . Enter a name for your collection. (Coding only) Enter a collection ID to use in your code. Select Single item collection . Click Create . Click + Add Field . Choose the type of field you want to add and click Choose Field Type . Set up the field: Enter the Field name . (Coding only) If necessary, update the Field ID , which is used in the site's code. You cannot update this ID later. (Optional) Enter help text to include a tooltip in your collection next to the field name. (Text and Address field types only) Click the Personally Identifiable Information toggle to encrypt sensitive information like social security and passport numbers. Click Save . Repeat steps 8-10 to add as many fields as your collection needs. Step 2 | Connect elements to your single item collection Connect supported elements to the single item collection through a dataset to display the content on your site. Datasets serve as internal tools for you and your collaborators, and they do not appear on your live site. When connecting to your single item collection, select the specific fields you want to use with each page element. You can display your collection content in supported elements such as text, images, and buttons, ensuring a seamless integration of your content. Learn how to use a dataset to connect your site elements to your collection. 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 Advanced features CMS CMS: Adding and Setting Up a Dynamic List Page Dynamic list pages allow you to showcase various items from your CMS collection in an organized index. Each item, displayed in a repeater, gallery, or table, links to the collections' dynamic item page where visitors read more about the specific item. A dataset controls the connections between the page elements and your collection fields. In the dataset settings, you can control the number of items that appear at a time. You can add filters to only include certain items or add sort conditions that control the order in which they appear. Add 'Load More' or navigational buttons to improve your page loading performance if you have a lot of items to show. You can also give visitors the ability to filter the items they see on the page by using input elements like dropdowns, radio buttons, or checkboxes. Before you begin: Create a CMS collection that includes the items you want to display on your dynamic list page. Create a dynamic item page for your collection. You will link items on your dynamic list page to your collection's dynamic item page. Alternatively, you can add the dynamic item page at the same time as your dynamic list page. See step 1 below for directions. Step 1 | Add a dynamic list page From your editor's CMS panel, create a dynamic list page for your collection. This adds a new page that displays different items from your collection in a repeater that you will customize later. Wix Editor Go to your editor . Click CMS on the left side of the editor. Click Your Collections . Click the collection that you want to create your dynamic list page from. Click More Actions and select Add dynamic page . Select List page and click Add to Site . Tip: Select Item page as well to add a dynamic item page for the collection at the same time. Studio Editor Go to your editor . Click CMS on the left side of the editor. Click Your Collections . Click the collection that you want to create your dynamic list page from. Click More Actions and select Add dynamic page . Select List page and click Add to Site . Tip: Select Item page as well to add a dynamic item page for the collection at the same time. Step 2 | (Optional) Modify the URL slug structure You may want to edit the URL slug structure of your dynamic list page to keep the web addresses of your dynamic pages organized. For example, you could create the following URL slug structures for your dynamic pages: Dynamic list page: https://www.{your-domain.com}/{collection-name} Dynamic category page: https://www.{your-domain.com}/{collection-name}/{category} Dynamic item page: https://www.{your-domain.com}/{collection-name}/{category}/{primary-field} When editing the URL slug structure, the 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. 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. Important: If you want the old dynamic URLs to automatically redirect to the new URLs you create, make sure your site first has a connected domain . If your site does not have a domain connected, the old URLs will no longer work and instead, will load 404 error pages. To edit the URL slug structure of your dynamic list page: Wix Editor Go to your editor . Click Pages & Menu on the left side of the editor. Click Dynamic Pages . Hover over the dynamic list page you just created and click the More Actions icon on the right. Tip: By default, the dynamic list page you created is titled: {Collection Name} (List) Click SEO . Edit the URL slug structure field: Click Edit next to the URL slug structure field and choose what you want to do: Add Variable: Click + Add Variable and choose a 'Text' or 'Number' field to use its values in the URL slug structure. Add static values: Click the field and enter the static values you want to use in the URL slug structure. Use only English letters, numbers or dashes. Click Save . Click Replace URLs to confirm the changes. The dynamic page's previous URLs will be deleted and will no longer work. Instead, the new URLs will be generated for the dynamic page. Studio Editor Go to your editor . Click Pages on the left side of the editor. Hover over the dynamic list page you just created and click the More Actions icon on the right. Tip: By default, the dynamic list page you created is titled: {Collection Name} (List) Click SEO . Edit the URL slug structure field: Click Edit next to the URL slug structure field and choose what you want to do: Add Variable: Click + Add Variable and choose a 'Text' or 'Number' field to use its values in the URL slug structure. Add static values: Click the field and enter the static values you want to use in the URL slug structure. Use only English letters, numbers or dashes. Click Save . Click Replace URLs to confirm the changes. The dynamic page's previous URLs will be deleted and will no longer work. Instead, the new URLs will be generated for the dynamic page. Step 3 | Connect the repeater to the CMS You now have a dynamic list page with a repeater that includes 2 text elements, an image, and a button in each container. Each of your repeater's containers displays a different item from your collection. Connect each part of the elements to the relevant collection fields to ensure they display the info you want them to. We recommend connecting the button to your collection's dynamic item page so visitors can click to go to the relevant item's dedicated page. To provide more info about each item, you can attach more supported elements to the repeater. Then connect these elements to your collection fields in the dataset where you manage all the CMS connections. Want to use a gallery or table instead of a repeater? If you'd rather display your collection items in a gallery or table , you can. Delete the default repeater then add a pro gallery or table. Then connect each part of your gallery or table to the CMS collection through the dataset, in the same way you would connect the repeater. Wix Editor (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: To link the button element to the dynamic item page, click the Click action connects to field and select the collection's dynamic item page that ends with (Item) . To link an image element to the dynamic item page, click the Link connects to drop-down and select the collection's dynamic item page that ends with (Item) . Click Repeater connections at the top of the panel on the right. Repeat steps 3-5 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 to test your dynamic list page. Click Publish if you are ready to make the changes go live. Studio Editor (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: To link the button element to the dynamic item page, click the Click action connects to field and select the collection's dynamic item page that ends with (Item) . To link an image element to the dynamic item page, click the Link connects to drop-down and select the collection's dynamic item page that ends with (Item) . Click Repeater connections at the top of the panel on the right. Repeat steps 3-5 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 in which you want to use static content that doesn't change. Click the Preview icon at the top right to test your dynamic list page. Click Publish if you are ready to make the changes go live. Step 4 | (Optional) Manage the dataset settings By default, your dynamic page dataset allows up to 100 items to initially display in your repeater or gallery. You can adjust the items per load to allow up to 1000 items to load at a time. You can also add filters to include only certain items, or add sorts to control the order in which the items display. Wix Editor Go to the repeater's connected dataset settings: Click the repeater. Click the Connect to CMS icon . Click Dataset Settings in the Connect Repeater panel on the right. (Optional) Click the permission type next to Permissions to determine who can view, add, update, or delete collection content on your live site. (Optional) Click the Dataset name field if you need to edit the name of the dataset. (Velo only) Click the Dataset ID field to edit the ID used to identify the dataset in your page's code. Click the Dataset mode drop-down and select the relevant option: Read: Connected elements can read and display content from your collection. The elements cannot modify the collection content. Read & Write: Connected elements can display content from your collection. Input elements can add or edit content in your collection. Edit the Items per load field to set the maximum number of items that can load at a time . This is also the maximum number of items that can load when visitors click 'Load More' buttons, 'Next/Previous page' buttons, or pagination bars. See the next section for steps. Note: This field does not apply to tables. If using a table to display your items , limit the number of items displayed by clicking the table's Layout icon , then setting a custom table height and enabling pagination. (Optional) Click + Add Filter to only show specific items in the repeater. (Optional) Click + Add new sort to choose the order in which the items appear in the repeater. Click Preview to test your dynamic list page. Click Publish if you are ready to make the changes go live. Studio Editor Go to the repeater's connected dataset settings: Click the repeater element. Click the Connect to CMS icon . Click Dataset Settings in the Connect Repeater panel. (Optional) Click the permission type next to Permissions to determine who can view, add, update, or delete collection content on your live site. (Optional) Click the Dataset name field if you need to edit the name of the dataset. (Velo only) Click the Dataset ID field to edit the ID used to identify the dataset in your page's code. Click the Dataset mode drop-down and select the relevant option: Read: Connected elements can read and display content from your collection. The elements cannot modify the collection content. Read & Write: Connected elements can display content from your collection. Input elements can add or edit content in your collection. Edit the Items per load field to set the maximum number of items that can load at a time . This is also the maximum number of items that can load when visitors click 'Load More' buttons and 'Next/Previous page' buttons. See the next section for steps. Note: This field does not apply to tables. If using a table to display your items , limit the number of items displayed by clicking the table's Layout icon , then setting a custom table height and enabling pagination. (Optional) Click + Add Filter to only show specific items in the repeater. (Optional) Click + Add new sort to choose the order in which the items appear in the repeater. Click the Preview icon at the top right to test your dynamic list page. Click Publish if you are ready to make the changes go live. Step 5 | (Optional) Create 'Load More' or navigational buttons If you plan on displaying many items on this page, consider adding a 'Load More' button to improve the page's loading performance. The dataset's Items per load field determines how many items can initially load on the page and how many additional items can load when visitors click your 'Load More' button. You can also add 'Next/Previous Page' buttons or a pagination bar (Wix Editor only) that cause the page's connected repeater or gallery to display the next or previous 'page' of items. The Items per load field determines the maximum items that appear in each 'page' of items. Wix Editor Choose what you want to do: Create a 'Load More' button Add a button to your page: Click Add Elements on the left side of the editor. Click Button , then drag the button onto your page where you want it to appear (e.g. below the repeater). Do not attach the button to your repeater. Tip: Alternatively, you can add an image and use it as your 'Load More' button. Click Change Text and enter the text you want to display on the button (e.g. "Load More"). Click the Connect to CMS icon . Click the Choose a dataset drop-down and select the same dataset that connects to your repeater. Click the Click action connects to drop-down and select Load more . Click the button and select the Design icon to customize the appearance of your 'Load More' button. Click Preview to test your 'Load More' button. Click Publish if you are ready to make the changes go live. Create 'Next Page' and 'Previous Page' buttons Add a 'Next Page' button to your page: Click Add Elements on the left side of the editor. Click Button , then drag the button onto your page where you want it to appear (e.g. below the repeater). Do not attach the button to your repeater. Tip: Alternatively, you can add an image and use it as your 'Next Page' button. Click Change Text and enter the text you want to display on the button (e.g. "Next Page"). Click the Connect to CMS icon . Click the Choose a dataset drop-down and select the same dataset that connects to your repeater. Click the Click action connects to drop-down and select Next page . Click the button and select the Design icon to customize the appearance of your 'Next Page' button. Duplicate your 'Next Page' button: Right-click the button ( control + click on Mac). Select Duplicate (or press Ctrl + D or ⌘ + D on Mac). Click and drag the button where you want it to appear. Do not attach it to your repeater. Click Change Text and enter the text you want to display on the button (e.g. "Previous Page"). Click the Connect to CMS icon . Click the Click action connects to drop-down and select Previous page . Click Preview to test your 'Next Page' and 'Previous Page' buttons. Click Publish if you are ready to make the changes go live. Studio Editor Choose what you want to do: Create a 'Load More' button Add a button to your page: Click Add Elements on the left side of the editor. Click Button , then drag the button onto your page where you want it to appear (e.g. below the repeater). Do not attach the button to your repeater. Tip: Alternatively, you can add an image and use it as your 'Load More' button. Click Change Text and enter the text you want to display on the button (e.g. "Load More"). Click the Connect to CMS icon . Click the Choose a dataset drop-down and select the same dataset that connects to your repeater. Click the Click action connects to drop-down and select Load more . Click the button and select the Design tab from the Inspector panel to customize the appearance of your 'Load More' button . Click the Preview icon at the top right to test your 'Load More' button. Click Publish if you are ready to make the changes go live. Create 'Next Page' and 'Previous Page' buttons Add a 'Next Page' button to your page: Click Add Elements on the left side of the editor. Click Button , then drag the button onto your page where you want it to appear (e.g. below the repeater). Do not attach the button to your repeater. Tip: Alternatively, you can add an image and use it as your 'Next Page' button. Click Change Text and enter the text you want to display on the button (e.g. "Next Page"). Click the Connect to CMS icon . Click the Choose a dataset drop-down and select the same dataset that connects to your repeater. Click the Click action connects to drop-down and select Next page . Click the button and select the Design tab from the Inspector panel to customize the appearance of your 'Load More' button . Duplicate your 'Next Page' button: Select the button. Press Ctrl + D on your keyboard (or ⌘ + D on Mac). Click and drag the button where you want it to appear. Do not attach it to your repeater. Click Change Text and enter the text you want to display on the button (e.g. "Previous Page"). Click the Connect to CMS icon . Click the Click action connects to drop-down and select Previous page . Click the Preview icon at the top right to test your 'Next Page' and 'Previous Page' buttons. Click Publish if you are ready to make the changes go live. Tip: In the Wix Editor, you can also connect a pagination bar that allows visitors to cycle through 'pages' of items. The Items per load field determines how many items can appear in each 'page' of the pagination bar. If you would like to see pagination bars in the Studio Editor, vote for this feature here . Step 6 | (Optional) Let visitors filter items Give visitors ways to filter the items that appear on your dynamic list page with input elements . Choose from any of the following input elements that allow filtering: Radio Buttons , Checkboxes , Dropdown , Selection Tags , or Slider (Range Sliders only). Learn how to set up input elements that allow visitors to filter collection content . FAQs Click the questions below for answers to common questions about setting up dynamic list pages. How do visitors get to my dynamic list page? To ensure visitors can access your dynamic list page, we recommend adding a link to it in your site's menu. You could also link other elements such as text, buttons, or images to your dynamic list page. Learn how to add a link to your dynamic list page that appears in your site's menu . Can I create dynamic pages that list items by category? Yes. The recommended way is to use category collections with the built-in 'Category' field type. This gives you purpose-built dynamic category pages, automatic URL generation, two-way sync between categories and items, and primary category support for SEO. Learn how to: Set up category collections Create dynamic category pages Alternatively, you can create dynamic category pages manually using text or number fields if you need more customization control. Why doesn't my page show the items I connected? There are several setup factors that can cause your repeater, gallery or table to not load the connected items. The most common reasons involve the dataset settings, collection permissions, and sandbox syncing. Check the following to troubleshoot your connections: Make sure all the elements in your repeater are properly connected to the same dynamic page dataset. Check in the dataset settings that your Items per load field and your filters and sort conditions are set correctly. Check that you're using the correct collection permissions . If sandbox is enabled, ensure the sandbox and live collections are synced . If the URL slug was recently updated, we recommend setting up a 301 redirect . Learn more ways to troubleshoot CMS collection issues . How do I link the items to their dynamic item page? You can set up your repeater so that clicking an image or button takes you to the item's dynamic item page. Make sure your repeater already has an image or button attached to it. When connecting the button (see step 3 above), click the Click action connects to drop-down and select the relevant dynamic item page. Learn more about: Displaying collection content on your page . Dataset actions for images and buttons . Why can't I attach some elements to the repeater? Currently, there are limitations to the types of elements you can add to repeaters. Learn more about which elements cannot be attached to repeaters . Can I see how a pre-connected repeater works before setting up my own? Yes. You can add a preset collection , built with sample items and fields, that adds dynamic pages to your site. Most presets add a dynamic list page with a repeater already connected to the collection so you can see how it works. The Portfolio preset adds a connected gallery instead of a repeater so choose a different preset to test a connected repeater. 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 Studio, Partners & Enterprise Wix Studio Wix Studio: Joining the Wix Partner Program The Wix Partner Program is a loyalty program for agencies and freelancers, offering benefits to help your business grow. Gain access to 24/7 priority support, revenue share opportunities, expert guidance from our Partner Success Team, and eligibility for perks like joining the Wix Marketplace. Join the Partner Program Important: To apply to become a Wix Partner, you must be the workspace owner. Start your journey as a Wix Partner directly from your Studio workspace by filling out the short form to provide details about your agency. Once you submit the form, you can start enjoying the program benefits. To join the Partner Program: Click Become a Partner on the top left of your workspace. Click Become a Partner again in the pop-up. Fill out the form: Note: All fields are mandatory. Click the Upload icon to add your agency logo. Tip: We recommend using a high-quality image of 190x190px and with a light-colored background. Enter the name of your agency. Enter your Agency site URL . From the Agency's main expertise drop-down, select what your agency specializes in. Select Other if your expertise is not on the list. Under No. of team members , enter the number of people who are a part of your agency. Click Join Partner Program . New to the Partner Program? Start growing your business by creating your agency profile , earning points , receiving revenue share , and submitting your Studio templates to the Marketplace . Earn points Earn points for building and upgrading sites or receiving certifications to unlock more benefits and advance through the Partner Program. Each level unlocks exclusive benefits to help you grow your business. Track your progress and earned points in the Partner level section at the top left of your Wix Studio workspace. View a breakdown of your total points, including upgraded sites, certifications and manual adjustments. Learn more about earning points in the Wix Partner Program . Unlock exclusive benefits Gain access to exclusive benefits as a Wix Partner. Earn points for building and upgrading sites to unlock more benefits as you progress to higher levels. Priority support Get your questions answered promptly and tailored to your business needs. Wix Partners get priority support when requesting a callback or submitting a ticket. Learn more about priority support for Wix Partners . Revenue share As a Wix Partner, you can earn revenue share from eligible Wix plans and from transactions processed through Wix Payments on your clients' eligible sites. Learn more about earning revenue share in the Wix Partner Program . Sell templates Looking to showcase your creativity and earn from your skills? You can feature your Studio templates in the Marketplace to reach a wider audience of creators. The best part? You'll keep 100% of the profits from your template sales. Learn more about selling custom Studio templates in the Marketplace . Join the Wix Marketplace Expand your client base by applying to join the Wix Marketplace once you reach Icon level. Get matched with quality leads from Wix users looking to hire your skills and expertise, and connect with new clients to grow your business. In the Wix Marketplace, you can manage project requests, communicate with potential clients, and track your progress as you work on new opportunities. Learn more about applying to join the Wix Marketplace . Manage projects on the go Stay in control with the Wix Studio mobile app. Manage your agency's sites and projects from anywhere, respond to Wix Marketplace leads, communicate with clients, track ticket statuses, and more—all from your phone. The Wix Studio mobile app offers all the capabilities of the Wix app, along with additional features designed specifically for agencies. Learn more about the Wix Studio mobile app . FAQs Click below to view answers to the most frequently asked Wix Partner Program questions. Who is the Wix Partner Program for? Agencies and freelancers who build websites for their clients. Do I have to be a Wix Studio user in order to join the Wix Partner Program? Yes. The option to become a Partner is only available to Wix Studio users. Learn more about switching from the regular Wix experience to Wix Studio . How can I mention the Wix Partner Program online? For all those who are registered members of the Wix Partner Program, you can advertise or externally market that you are part of the “Wix Partner Program” on your website, marketing materials, social media profiles, and in conversations with prospects. Depending on which level you achieve through the Wix Partner Program, you will have the opportunity to advertise using certain badges. You can use the official Wix Partner Program badge on your website, marketing materials or social channels. Can I advertise my agency as a Wix Partner? You may not refer to the Wix Partner Program as an exclusive partner, or that Wix is in an exclusive partnership with your business in a press release. You may advertise or externally market that you are part of the “Wix Partner Program” on your website, marketing materials, social media profiles, and in conversations with prospects. Additionally, you may advertise your current Wix Partner badge on your website, marketing materials or social channels. Can I advertise my freelance services as a Wix Partner? You may not refer to the Wix Partner Program as an exclusive partner or service. To ensure that freelancers and agencies use the Wix Partner Program positioning consistently across business and marketing channels, we've created Wix Partner Program Terms of Use you can review. Can I mention Wix Partner in my company press releases? You may not refer or mention Wix Partner in a dedicated press release positioning Wix Partner as an exclusive partner or exclusive service. You may only refer to your business as participating in the Wix Partner Program. 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 Discounts, gift cards, & incentives Wix Gift Cards: Customizing Your Gift Card Email Template Customize the automated emails sent to gift card recipients to reflect your unique style and branding. You can create branded templates with images, fonts, logos, customizable backgrounds, and more. The sender and recipient details, personal message, and gift card information are automatically pulled from your settings and order information. Note: This automation is free. It is not counted as one of your allowed number of automations . Customizing the gift card email template Customize the email sent to gift card recipients with various elements such as text, images, and background colors to make the email more eye-catching and reflective of your brand. Notes: Any changes you make to the email template apply to all gift cards, whether they were purchased by customers or issued by you . If the gift card sender or the recipient's email address is already in your site's Contact List , the email will show their name as saved in the Contact List. To customize the gift card email template: Go to Gift Cards in your site's dashboard. Click the More Actions icon at the top right. Click Edit gift card email . Note: This redirects you to Automations in your site's dashboard. Click the Send an email action to open the panel on the left. Click Edit under Create an email . Edit your email design using the options on the panel. Customize or add elements : Click Add to add new elements or click an element in the email to customize it. For example, replace the gift card image or change the button design. Choose a theme: Click Themes to change the template's general color and text formatting. Customize the background : Click Background to choose from solid colors, patterns, or upload your own image for the email's background. (Optional) Click Preview & Test to review and test how the email looks. When ready, click Save & Continue . Click Publish Changes at the top right. Important: The email contains personalized content which allows details such the recipient's details and gift card code to appear. Do not edit or remove these fields, so that the recipient gets all the information they need. FAQs Click a question below to learn more about customizing the gift card email. How can I go back to the default template? To reset the gift card email template: Go to Gift Cards in your site's dashboard. Click the More Actions icon at the top right. Click Edit gift card email . Click the Send an email action to open the panel on the left. Click More Actions and select Reset to default template . How do I display the gift card image from my site in the email? To have the gift card image match the one on your site, make sure the image is set to Dynamic image in the panel on the left. If you added a custom email image and want to go back to displaying the image that appears in your site, click the image and select Dynamic image on the left. After you do so, any time you update the gift card image on your site, it's automatically updated in the recipient email. What happens if I delete personalized content from the email template? If you delete personalized content, that text won't appear in the email. This means that important information could be missing, such as the sender and recipient details, personal message, gift card code, amount, or expiration date. How can I add back personalized content that I deleted from the email template? Edit the email template to add back the personalized content that you deleted. Go to Gift Cards in your site's dashboard. Click the More Actions icon at the top right. Click Edit gift card email . Click the Send an email action to open the panel on the left. Click Edit under Create an email . Click + Add and select Text . Click + Add Personalized Content . Click the Which value do you want to add? drop-down and select the relevant dynamic value. Click Add . 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 Studio, Partners & Enterprise Wix Studio Studio Editor: Managing and Customizing Flexboxes Manage and customize your flexboxes to create a unique experience for your visitors. You can resize items to fit your page structure, adjust the display settings, and add, delete, and re-order items as you go. Managing flexbox items Manage your flexbox items to further personalize your content and keep it up to date. You can hide items from breakpoints, change their order, and more. To manage your flexbox items from the Inspector: Select the relevant flexbox. Click the Open Inspector icon at the top right of the editor. (In the Inspector) Click Manage next to the number of items. Choose what you want to do with your items: Reorder: Hold the Reorder icon next to the relevant item and drag it to its new position. Manage: Click the More Actions icon next to the relevant item. Manage the items using the options: Duplicate: Make a copy of a specific item. Rename: Give each item a name you can recognize. Delete: Remove the item completely. Hide: Hide this item from the specific breakpoint you're working on. Customizing your flexbox display Select a flexbox display to complement your page's structure. Change the display type directly on the canvas, or head over to the Inspector panel if you want to customize settings like gaps, direction, and width. To customize the display: Select the relevant flexbox. Click the Open Inspector icon at the top right of the editor. Scroll down to Layout . (Optional) Click Display type and select a type from the drop-down. Customize your flexbox based on the display type you choose: Direction: Decide whether your items are organized from left to right or right to left. Item proportions: Click Equalize to give all flexbox items the same size definitions. Item width: Select the width of the flexbox items in percentage, or set them all as the max width. Gaps: Enter a value (in px, vh, vw, or to scale) for the horizontal and vertical spaces between the flexbox items. Note: If you choose the slider or slides display, the available options (horizontal or vertical) depend on the slider direction you choose. Item alignment: Choose how your items should be aligned and positioned. Depending on the look you want to achieve, you can align the items to the flexbox edges (start or end), or create space between / around the items. Overflow content: Select whether to hide or display overflow content. Slider direction: Display your items on a horizontal or vertical slider. Scroll snap align: Click the toggle to enable it. When scrolling through the slides of your flexbox, it "snaps" to each item (slide) so visitors don't miss it. Items per slide: Set how many items are displayed per slide action. Navigation: Add arrows, a button, or text to help visitors navigate through the items. Show scrollbar: Show or hide a scrollbar for your visitors to scroll through the items. Notes: The available settings vary based on the layout you choose. Some older browsers don't support gaps (e.g. Chrome 76-83, Safari 12-14 and Edge 79-83). This means visitors who access your client's site from these browsers don't see the gaps you set between flexbox items. Working with breakpoints: You can set a different flexbox layout for each breakpoint. We recommend the column or slider layout on smaller screens such as mobile devices. Resizing flexbox items You can resize each individual flexbox item to make them bigger or smaller than the others. Use the Inspector panel to adjust each item's width and height, as well as the horizontal and vertical margins around items. To resize an item: Select the relevant flexbox. Select the item you want to resize. Click the Open Inspector icon at the top right of the editor. Choose how to adjust the item: Size: Enter your chosen size into the fields at the top of the Inspector panel. You can click the current unit of measurement to change it. Margins: Scroll down to Position in the Inspector panel to set top, bottom and side margins for this specific item. 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 Bookings: Customizing Your Booking Calendar Page When clients go to book a class or appointment session, they choose the day and time on the Calendar page . Customize your Calendar page to suit your brand by adjusting the text, layout and what you choose to display. Note: The Booking Calendar page only appears for classes and appointments - not for courses. If your service offers duration-based pricing, clients can't select a specific price or duration on the calendar page. For example, if you charge more for a 90-minute session than a 60-minute session, the appointment gets booked with your default duration and price for that service. Choosing the layout for the Booking Calendar page Make sure you choose a clear layout for your calendar page to make it as easy as possible for clients to find the information they need. Choose from a daily or weekly calendar layout and adjust the alignment and spacing of each of the elements. The layout you choose applies to all of your services. Important: You can also adjust the layout of your mobile site by clicking Switch to Mobile at the top of your editor. You can choose from two layout styles: Monthly or Weekly. Wix Editor Go to your editor . Go to your Book Online page: Click Pages & Menu on the left side of the editor. Click Bookings Pages . Click the Booking Calendar page. Click the Booking Calendar element on your page. Click the Booking Calendar element on the page. Click Settings . Click the Layout tab. Customize the following options: Choose a layout: Choose between a daily or weekly view for your Booking Calendar. Text alignment: Click to set the text blocks to the left, center, or right. Top & bottom padding: Use the slider to control the space above and below the Booking Calendar. Side padding: Use the slider to control the space to the left and right of the Booking Calendar. Space between header & body: Use the slider to control the space between the header and the body. Studio Editor Go to your editor . Click Pages on the left side of the editor. Click Booking Calendar under Bookings Pages . Click the Booking Calendar element on the page. Click Settings . Click the Layout tab. Customize the following options: Choose a layout: Choose between a daily or weekly view for your Booking Calendar. Text alignment: Click to set the text blocks to the left, center, or right. Top & bottom padding: Use the slider to control the space above and below the Booking Calendar. Side padding: Use the slider to control the space to the left and right of the Booking Calendar. Space between header & body: Use the slider to control the space between the header and the body. Wix Harmony Editor Go to your editor . Go to your Booking Calendar page: Click the Page dropdown at the top left of the page. (In the Site Pages panel) Click Booking Calendar under Bookings Pages . Click the Booking Calendar element on the page. Click the Settings icon on the action bar. Click the Layout tab. Customize the following options: Choose a layout: Choose between a daily or weekly view for your Booking Calendar. Text alignment: Click to set the text blocks to the left, center, or right. Top & bottom padding: Use the slider to control the space above and below the Booking Calendar. Side padding: Use the slider to control the space to the left and right of the Booking Calendar. Space between header & body: Use the slider to control the space between the header and the body. Choosing which elements to display on the Booking Calendar page The Booking Calendar page contains several elements that show more information about your services, like the service subtitle or its day and time. You can choose to display certain elements and hide others, depending on your needs. Wix Editor Go to your editor . Go to your Book Online page: Click Pages & Menu on the left side of the editor. Click Bookings Pages . Click the Booking Calendar page. Click the Booking Calendar element on your page. Click the booking calendar in your editor. Click Settings . Click the Display tab. Choose which elements to display: Header: Select the appropriate checkboxes to show or hide the header Subtitle or Filters below the service title. Choose what text to display under the service title: Custom text : This is set in the Headers & Filters section under the Text tab. Service subtitle : To set the text for this option, go to Manage Services and click on a service. Date & Time: Select the relevant checkbox to choose between displaying the Current date or the First date with availability . Select the relevant checkbox to choose between displaying All time slots, including full & closed slots , or Available time slots only . (Optional) Enable the Limit display of time slots toggle to display fewer time slots. Use the slider to set the number of time slots you display per day. Booking Summary: Enable the Show video conferencing badge toggle for virtual services. Studio Editor Go to your editor . Click Pages on the left side of the editor. Click Booking Calendar under Bookings Pages . Click the booking calendar in your editor. Click Settings . Click the Display tab. Choose which elements to display: Header: Select the appropriate checkboxes to show or hide the header Subtitle or Filters below the service title. Choose what text to display under the service title: Custom text : This is set in the Headers & Filters section under the Text tab. Service subtitle : To set the text for this option, go to Manage Services and click on a service. Date & Time: Select the relevant checkbox to choose between displaying the Current date or the First date with availability . Select the relevant checkbox to choose between displaying All time slots, including full & closed slots , or Available time slots only . (Optional) Enable the Limit display of time slots toggle to display fewer time slots. Use the slider to set the number of time slots you display per day. Booking Summary: Enable the Show video conferencing badge toggle for virtual services. Wix Harmony Editor Go to your editor . Go to your Booking Calendar page: Click the Page dropdown at the top left of the page. (In the Site Pages panel) Click Booking Calendar under Bookings Pages . Click the Booking Calendar element on the page. Click the Settings icon on the action bar. Click the Display tab. Choose which elements to display: Select the relevant checkbox to choose between displaying the Current date or the First date with availability . Select the relevant checkbox to choose between displaying All time slots, including full & closed slots , or Available time slots only . (Optional) Enable the Limit display of time slots toggle to display fewer time slots. Use the slider to set the number of time slots you display per day. Designing the Booking Calendar page You can apply your own look and feel to the booking calendar so it fits the overall design of your site. The Booking Calendar page is dynamic, which means you only need to design it once, and it is applied to all services. Wix Editor Go to your editor . Go to your Book Online page: Click Pages & Menu on the left side of the editor. Click Bookings Pages . Click the Booking Calendar page. Click the Booking Calendar element on your page. Click the Booking Calendar element. Click Settings . Click the Design tab. Choose what design you want to customize: Styles: Change the background color of the widget, its header, borders and dividers.  Text: Choose the font and color of different text elements across the page.  Selections: Design buttons and other elements your clients can click on the page (for example, dates on the calendar). Studio Editor Go to your editor . Click Pages on the left side of the editor. Click Booking Calendar under Bookings Pages . Click the Booking Calendar element. Click Settings . Click the Design tab. Choose what design you want to customize: Styles: Change the background color of the widget, its header, borders and dividers.  Text: Choose the font and color of different text elements across the page.  Selections: Design buttons and other elements your clients can click on the page (for example, dates on the calendar). Wix Harmony Editor Go to your editor . Go to your Booking Calendar page: Click the Page dropdown at the top left of the page. (In the Site Pages panel) Click Booking Calendar under Bookings Pages . Click the Booking Calendar element on the page. Click the Settings icon on the action bar. Click the Design tab. Choose what design you want to customize: Styles: Change the background color of the widget, its header, borders and dividers.  Text: Choose the font and color of different text elements across the page.  Selections: Design buttons and other elements your clients can click on the page (for example, dates on the calendar). Editing the text on the Booking Calendar page You can edit all text elements on the calendar to suit your business and your clients. Make sure to describe everything in terms your staff and clients understand. Wix Editor Go to your editor . Go to your Book Online page: Click Pages & Menu on the left side of the editor. Click Bookings Pages . Click the Booking Calendar page. Click the Booking Calendar element on your page. Click the Booking Calendar element. Click Settings . Click the Text tab. Choose what text element you want to customize: Header and Filters: Change the text for elements such as the location, staff and duration labels. Date and Time: Customize the text you want to appear explaining your waitlists to clients. Tell me more about waitlist text When clients attempt to book a class that is full, they see two different buttons depending on your settings. If you enable waitlists for your classes, clients can click Join Waitlist . If you don't enable waitlists for your classes, clients can click Check Next Availability to book into the next upcoming class session. You can edit the text which appears on your booking calendar , including on the next available button, in your editor. There is a 25-character limit on the button. Booking Summary: Edit the text that appears for clients before they proceed to checkout. Book Button: Edit the different buttons that appear on your calendar, including: Book online, Request booking, Waitlist and Reschedule. Tips: The business location you selected in your regional setting determines the day that is used as the first day of the week. You can change your regional settings at any time . You can add your cancellation policy to your calendar . Studio Editor Go to your editor . Click Pages on the left side of the editor. Click Booking Calendar under Bookings Pages . Click the Booking Calendar element. Click Settings . Click the Text tab. Choose what text element you want to customize: Header and Filters: Change the text for elements such as the location, staff and duration labels. Date and Time: Customize the text you want to appear explaining your waitlists to clients. Tell me more about waitlist text When clients attempt to book a class that is full, they see two different buttons depending on your settings. If you enable waitlists for your classes, clients can click Join Waitlist . If you don't enable waitlists for your classes, clients can click Check Next Availability to book into the next upcoming class session. You can edit the text which appears on your booking calendar , including on the next available button, in your editor. There is a 25-character limit on the button. Booking Summary: Edit the text that appears for clients before they proceed to checkout. Book Button: Edit the different buttons that appear on your calendar, including: Book online, Request booking, Waitlist and Reschedule. Tips: The business location you selected in your regional setting determines the day that is used as the first day of the week. You can change your regional settings at any time . You can add your cancellation policy to your calendar . Wix Harmony Editor Go to your editor . Go to your Booking Calendar page: Click the Page dropdown at the top left of the page. (In the Site Pages panel) Click Booking Calendar under Bookings Pages . Click the Booking Calendar element on the page. Click Edit Text on the action bar. Click the drop-down and choose what text element you want to customize: Header: Change the text for elements such as the location, staff and duration labels. Date and Time: Customize the text you want to appear explaining your waitlists to clients. Tell me more about waitlist text When clients attempt to book a class that is full, they see two different buttons depending on your settings. If you enable waitlists for your classes, clients can click Join Waitlist . If you don't enable waitlists for your classes, clients can click Check Next Availability to book into the next upcoming class session. You can edit the text which appears on your booking calendar , including on the next available button, in your editor. There is a 25-character limit on the button. Service Details: Edit the text that appears for clients before they proceed to checkout. Book Button: Edit the different buttons that appear on your calendar, including: Book online, Request booking, Waitlist and Reschedule. Tips: The business location you selected in your regional setting determines the day that is used as the first day of the week. You can change your regional settings at any time . You can add your cancellation policy to your calendar . 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 Advanced features CMS CMS: Setting Up a Deferred Dataset A deferred dataset is a dataset that is set to load its connected content after the rest of the page loads. When an element is connected to a deferred dataset, the non-CMS-connected (static) content of the page loads first, and only after that does the CMS-connected content load. Learn more about datasets . Before you begin: Make sure to enable Dev Mode in order to set up a deferred dataset. Why use a deferred dataset? A dataset controls what content from your collection is displayed on your site using a specific element. Some elements, such as repeaters, allow you to display a large amount of content at once. However, depending on the size of the dataset, this may have an effect on your site's loading time. When a repeater is connected to a large dataset, it is known as a 'heavy repeater'. Using a deferred dataset can help improve the performance of a page with a such a repeater. What is a heavy repeater? We consider a repeater to be 'heavy' under these conditions: The repeater has more than 4 connected inner components that include images. The repeater is bound to a large collection that can potentially generate a large page displaying many repeater items. Important: All elements connected to the deferred dataset are rendered after the other elements on the page. The repeater is the most common case where the full benefit of the deferred dataset is seen. However, it is important to remember that if a piece of text, an image or any other element is also connected to the deferred dataset, these elements are rendered last along with the repeater. Limitations and important info Please note the following limitations to using a deferred dataset. You can set any regular dataset to be a deferred dataset. However, you cannot set a dynamic page dataset to be a deferred dataset. You can only set a dataset to be deferred if the dataset mode is set to 'Read' or 'Read & Write'. We highly recommend that you do NOT add a dataset filter that uses a deferred dataset as the value source. This would cause both datasets to render at the same time, therefore, the deferred dataset would not be deferred. If you have multiple datasets on a page, elements connected to the deferred dataset do not load until after the other elements that connect to the non-deferred datasets load. Important: Your content is not rendered on a server, therefore it is not indexed by any search engine. As a result, it will not be recognized in terms of SEO. A repeater connected to a deferred dataset can trigger layout jumping, so it is recommended to use the deferred dataset for a repeater outside the visible area of the page. This is an advanced feature and is not normally required. When used incorrectly, it can actually slow a page down. Please make sure you have a clear understanding of how it works before deciding to use it. Setting up a deferred dataset Go to your editor and navigate to the relevant page. Go to the relevant dataset settings: Click CMS on the left. Click Manage Page Connections . Click the More Actions icon next to the relevant dataset and select Dataset settings . Click the checkbox next to Fetch after the page loads under Performance . Publish your site when you're ready for the changes to go live. 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 Some App Widgets Displayed With Desktop Layout on Harmony Mobile Editor 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 Pricing Plans: Customizing the Mobile View of the Pricing Plans Page Customize the way your pricing plans appear on mobile to ensure a great experience for clients, no matter what device they're using. Choose what information is necessary to display, change the text size and adjust the layout of the Pricing Plans page so it fits smaller screens. Additionally, you have the flexibility to change how the available pricing plans show up on a page. This can come in handy when you want to spotlight any special deals or offers. Important: In the Wix Editor, the desktop and mobile versions of a site represent different viewing modes of the same site; they are not separate sites. Changes to a desktop site affect the mobile-friendly site, while changes to a mobile site do not affect the desktop site. Adjusting the layout of your pricing plans Make it as easy as possible for people to choose the right plan by customizing the layout of the Pricing Plans page on a mobile site. You can change the alignment and spacing between elements on the page so it's easy to read on smaller screens. Wix Editor Go to your editor . Click the Switch to Mobile icon  at the top of the editor. Go to your Plans & Pricing page: Click Pages & Menu on the left side of the editor. Click your Plans & Pricing page. Click the Pricing Plans element on the page. Click Settings . Click Layout . Customize the layout using the following options: Page Text Layout: Choose your alignment preference for your title, subtitle and disclaimer. Plan Card Spacing : Use the slider to set the amount of space between elements on your plan cards. Plan Description Layout: Set your plan description alignment. Benefits Layout : Choose your alignment and line spacing for your plan benefits. Studio Editor Go to your editor . Click the Switch to Tablet / Mobile icon  at the top of the editor. Go to your Plans & Pricing page: Click Pages on the left side of the editor. Click your Plans & Pricing page. Click the Pricing Plans element on the page. Click Settings . Click Layout . Customize the layout using the following options: Page text layout: Choose your alignment preference for your title, subtitle and disclaimer. Plan card spacing : Use the slider to set the amount of space between elements on your plan cards. Plan info layout: Set your plan description alignment. Benefits layout : Choose your alignment and line spacing for your plan benefits. Wix Harmony Editor Go to your editor . Click the Mobile icon at the top right of the page. Go to your Plans & Pricing page: Click the Page dropdown at the top left of the page. (In the Site Pages panel) Select the Plans & Pricing page under Pricing Plans Pages . Click the Pricing Plans List element on your page. Click the Settings icon on the action bar. Click Layout . Customize the layout using the following options: Page text layout: Choose your alignment preference for your title, subtitle and disclaimer. Plan card padding : Use the slider to set the amount of space between elements on your plan cards. Plan info layout: Set your plan description alignment. Benefits layout : Choose your alignment and line spacing for your plan benefits. Choosing what to display on your pricing plans Choose what details you want to display about each of the available plans on mobile. You can show or hide information like plan names, taglines and benefits. Wix Editor Go to your editor . Click the Switch to Mobile icon  at the top of the editor. Go to your Plans & Pricing page: Click Pages & Menu on the left side of the editor. Click your Plans & Pricing page. Click the Pricing plans element on the page. Click Settings . Click Display . Customize the display using the following options: What would you like to show?: Choose which information to display about your pricing plans: page title, page subtitle, plan name, plan tagline and plan benefits. Show disclaimer: Enable this toggle to display any relevant terms and conditions for clients to view before they purchase a plan. Tip: You can enter your text in the Disclaimer text field on desktop only. Studio Editor Go to your editor . Click the Switch to Tablet / Mobile icon  at the top of the editor. Go to your Plans & Pricing page: Click Pages on the left side of the editor. Click your Plans & Pricing page. Click the Pricing plans element on the page. Click Settings . Click Display . Customize the display using the following options: What would you like to show?: Choose which information to display about your pricing plans: page title, page subtitle, plan name, plan tagline and plan benefits. Click the Show highlighted plan drop-down and select the plan you want to appear as the first plan on your mobile site. Show disclaimer: Enable this toggle to display any relevant terms and conditions for clients to view before they purchase a plan. Enter your text in the Disclaimer text field. Wix Harmony Editor Go to your editor . Click the Mobile icon at the top right of the page. Go to your Plans & Pricing page: Click the Page dropdown at the top left of the page. (In the Site Pages panel) Select the Plans & Pricing page under Pricing Plans Pages . Click the Pricing Plans List element on your page. Click the Settings icon on the action bar. Click Highlighted plan . Customize the display using the following options: Highlight a plan: Click the toggle to decide whether a plan is highlighted: Enabled: One of your plans is highlighted and you can customize it: Select a plan: Click the drop-down and select the plan you want to highlight. Show ribbon: Click the toggle to show or hide a ribbon on the highlighted plan. Ribbon: Enter the text that appears on the ribbon, for example “Best value”. Disabled: No plan is highlighted. To add a disclaimer: Click the Pricing Plans List element on your page. Click the Display elements icon on the action bar. Select the checkbox by Disclaimer . Resizing the text on your pricing plans Customize the Pricing Plans page design so everything is easy to read and the benefits of each plan are clear. Use the sliders to adjust the proportions of all the elements on your Pricing Plans mobile site. Wix Editor Go to your editor . Click the Switch to Mobile icon  at the top of the editor. Go to your Plans & Pricing page: Click Pages & Menu on the left side of the editor. Click your Plans & Pricing page. Click the Pricing Plans element on the page. Click Settings . Click Design. Use the sliders under Text Size to resize different text elements on the page (e.g. the plan's title, price, benefits, etc.) Studio Editor Go to your editor . Click the Switch to Tablet / Mobile icon  at the top of the editor. Go to your Plans & Pricing page: Click Pages on the left side of the editor. Click your Plans & Pricing page. Click the Pricing Plans element on the page. Click Settings . Click Design. Choose what you want to customize: Background and border: Set the background colors and opacity of your plans. Click the Highlighted tab to set the background & opacity of your highlighted plan. Text: Select a font and color for each of the text options. Click the Highlighted tab to customize the text options of your highlighted plan. Button: Select a button style and then customize it using the available options. Click the Highlighted tab to customize the button colors of your highlighted plan. Ribbon: Customize how the 'Best Value' ribbon looks on your highlighted plan. Tip: Click the Text tab to change the name of what appears on the ribbon. Wix Harmony Editor Go to your editor . Click the Mobile icon at the top right of the page. Go to your Plans & Pricing page: Click the Page dropdown at the top left of the page. (In the Site Pages panel) Select the Plans & Pricing page under Pricing Plans Pages . Click the Pricing Plans List element on your page. Click the Settings icon on the action bar. Click Design . Choose what you want to customize: Background and border: Set the background colors and opacity of your plans. Click the Highlighted tab to set the background & opacity of your highlighted plan. Text: Select a font and color for each of the text options. Click the Highlighted tab to customize the text options of your highlighted plan. Button: Select a button style and then customize it using the available options. Click the Highlighted tab to customize the button colors of your highlighted plan. Ribbon: Customize how the ribbon looks on your highlighted plan. Reordering your pricing plans Reorder your pricing plans so that they appear in the order you want on your mobile site. Wix Editor Note: If you want to change the order of your plans on your mobile site, you need to do it from the desktop view in the Wix Editor by following the steps below. There are additional customization options limited to desktop , like modifying text and Add-Ons. Go to your editor . Go to your Plans & Pricing page: Click Pages & Menu on the left side of the editor. Click your Plans & Pricing page. Click the Plans & Pricing element on your page. Click Settings . Click the Plans tab then click the Reorder plans tab. Drag and drop the plans into position. Tip: To see these changes, Click the Switch to Mobile icon  at the top of the Editor. Studio Editor Go to your editor . Click the Switch to Tablet / Mobile icon  at the top of the editor. Go to your Plans & Pricing page: Click Pages on the left side of the editor. Click your Plans & Pricing page. Click the Plans & Pricing element on your page. Click Settings . Click the Plans tab then click the Reorder plans tab. Drag and drop the plans into position. Wix Harmony Editor Go to your editor . Click the Mobile icon at the top right of the page. Go to your Plans & Pricing page: Click the Page dropdown at the top left of the page. (In the Site Pages panel) Select the Plans & Pricing page under Pricing Plans Pages . Click the Pricing Plans List element on your page. Click the Settings icon on the action bar. Click the Plans tab then click the Reorder plans tab. Drag and drop the plans into position. 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