< Back Managing your business Business solutions & apps Pricing Plans: Changing the Payment Date for Recurring Subscriptions Important: Currently, you cannot change the payment date for recurring subscriptions if: The pricing plan recurs on a daily basis. You applied a discount to the subscription. The information below also applies to Wix Stores subscriptions. Change the date on which you collect recurring payments from your customers to increase the chances of successful payment and to help streamline your admin. For example, you can choose to collect payments from all your customers on the same day of each month. Important information about changing payment dates In some cases, due to the reduction or extension of the current cycle, you may need to adjust the payment amount of the last cycle. In these cases, you can issue credit or add an extra charge to the next subscription payment. You can change the payment day/date for active recurring Pricing Plans subscriptions only. You cannot change the payment date for recurring subscriptions whose status is pending, in a free trial or recurring subscriptions in their last subscription cycle. With all recurring plans, changing the payment date leads to either a shortening or to an extension of the current billing cycle and the subscription. For example, if you postpone the payment day from June 7th to June 15th, you extend the subscription by 8 days. Changing the payment day for weekly recurring subscriptions For weekly subscriptions, you can choose the day of the week you want to charge your customers. This makes it easier to update your records of which customers have paid and which customers have not paid yet. For weekly plans, you can only postpone the payment day. To change the payment date for a weekly recurring subscription: Go to Subscriptions in your site's dashboard. Click the relevant recurring plan. Click Manage Subscription at the top. Click Change payment day . Select your preferred payment day from the New day drop-down. Note: You cannot choose the original payment day as the new payment day (e.g. switching from Wednesday to Wednesday). Click Next . Choose whether you want to apply a credit or a charge for the changes to the billing cycle: No, don't add any credit/charge to the next payment: Select this option if you do not wish to credit or charge your customer for days reduced or added to their billing cycle (for example, if no services were missed or added during those days). Yes, add a credit/charge to the next payment: Select this option to apply a credit or a charge for the change in payment day. If you choose this option, the relevant amount (including tax) to credit or charge appears automatically. For example, if the subscription costs $7 a week, and you extend it by exactly 1 day, then a $1 charge is proposed. You can click to edit the amount if you need to, for example, when the subscription is based on the number of services used in a given amount of time. Click Next . Review the summary of the payment day changes, including additional charges, and then click Confirm . Changing the payment date for monthly or yearly recurring subscriptions For monthly and yearly subscriptions, you can choose on what date in the month you want to charge your customers. For example, this is useful when customers need to adjust their payment date to after their pay day each month. You cannot select a date within 5 days of the date you are changing from. This is to prevent unwanted surprises for your customers. To change the payment date for a monthly or yearly recurring subscription: Go to Subscriptions in your site's dashboard. Click the relevant recurring plan. Click Manage Subscription at the top. Click Change payment date . Select your preferred payment date, advancing or postponing the payment date, from the calendar in the New date drop-down. Click Next . Choose whether you want to apply a credit for the changes to the billing cycle: No, don't apply credit to the next payment: Select this option if you do not wish to credit your customer for days when services weren't provided as a result of the change. Yes, apply credit to the next payment: Select this option to apply credit for days when services weren't provided as a result of the change in payment day. If you choose this option, the relevant amount (including tax) to credit appears automatically. You can click to edit the amount if you need to. Click Next . Review the summary of the payment day changes, including credits applied, and then click Confirm . FAQs Click a question below to learn more about changing the subscription day/date for a customer. Why can I not change the payment date on one of my customer's subscriptions? Currently, you cannot change the payment date for recurring subscriptions if: The pricing plan recurs on a daily basis. You applied a discount to the subscription. Your site language is not set to English. Are my customers notified when I change their payment day/date? Yes, when you change a customer's payment day/date, they receive an automated email informing them of the changes and any additional charges or credits to their account. A notification also appears in their My Subscriptions page. You must get your customer's permission before changing their payment date. What happens when I change the payment date and shorten the subscription cycle? When you shorten the subscription cycle, you have the option of applying a credit to your customer's next payment. This reduces their next payment amount. This credit only applies to the first payment after changing the payment date. What happens when I change the payment date and extend the current subscription cycle? When you extend the subscription cycle, you have the option of applying a charge to your customer's account, and increase their next payment amount. This charge only applies to the first payment after changing the payment date and extending their current cycle. Can I change the customer’s payment day/date back after changing it once? Yes, as long as the original date hasn’t passed, you can change the date back. If the original payment date has passed, you can select a new one, within the same date range as before. Do credits or charges caused due to a change in payment date appear in my customers' automated invoices? Yes, the extra charge or credit appears in the invoice for the next payment after the change. 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: Converting an Existing Page to a Dynamic Page A dynamic page lets you use a single page as a template to display different content from your CMS collection, while keeping the same structure and layout. This is ideal for websites with repetitive content. For example, a gallery website can use a dynamic page to showcase individual art pieces, automatically pulling titles, artist names, and images from a CMS collection, all while maintaining the same page structure. Convert static pages that could be displayed in a unified layout to dynamic item pages by following the steps below. This can save you time and effort, especially if you have a lot of similar content to manage or if you're approaching the 100 static page limit. About your site's page quota: Wix sites can have up to 298 pages, including up to 100 static pages, plus dynamic pages, app pages, popups, Signup & Login, and Search Results pages. Dynamic and app pages may create unique URLs for items, but only the main page counts toward your quota—not individual items or URLs. Learn more about using dynamic pages to scale efficiently . For an overview of this process, check out our Ultimate CMS Guide video . Converting an existing page to a dynamic item page Go to the Pages panel in your editor to begin converting a regular page into a dynamic item page. Wix Editor Go to your editor . Click Pages & Menu on the left side of the editor. Hover over the page you want to convert and click the More Actions icon . Select Convert to dynamic Page . Click Start Now . Choose whether you want to save the page content to a new or existing CMS collection: New collection Select this option if you haven't created a collection yet. This choice will automatically identify the text and image elements on your page and add them as new items in your collection to help you get started. You’ll still need to manually add any additional content as new items in the CMS collection . After conversion, ensure that you add and connect all relevant page elements to the appropriate fields in the CMS collection. Note: You don’t need to repeat these steps for other static pages that will connect to the same collection. Instead, simply add all content (text, images, etc.) from those pages as new items in your CMS collection. This will automatically create dynamic items that can be displayed on this page, as long as the item URLs are unique . Select New collection under Save to a collection . Enter the name of the collection. (If using coding) Enter a collection ID that will be used in your site's code. Click Next . In the panel on the right, select the elements in which you want to show dynamic content that changes based on the item displayed. Each item gets a dedicated URL where the item displays in a consistent page layout. If needed, you can connect more supported page elements later. Elements that you uncheck will have static content that does not change on each URL used by the page. Note: Dynamic elements will get their content from the CMS collection where you're saving the content. For each dynamic element, edit the field properties that determine the type of content that can be stored and connected to the element: Hover over the relevant element in the panel on the right and click the Edit icon . Enter the Field Name and Field Key (coding only). Click the Field Type drop-down and select the relevant field type . Click Save when you're done and repeat this step for each element you're converting to dynamic. Click Connect Elements at the bottom of the panel on the right. Next: (Optional) Create a dynamic list page: Add another dynamic page to list your items in a repeater, gallery or table. You can link the items on this dynamic list page to your dynamic item page. This way, visitors can click an item on your dynamic list page to view the item at its own unique URL on your dynamic item page. Connect page elements to the CMS: You can add and connect additional content that you want to dynamically display on the page. Add the content to your collection , then add corresponding elements to connect to the content. Remove old static pages: If you have other static pages that you need to convert into this dynamic page, make sure to move the content from those pages to this collection. This automatically creates dynamic items that will be displayed on the page as long as the item URLs are unique . Once you've moved the content, delete the old static pages from your site. Learn how to delete pages from the Wix Editor . Existing collection Use this option if you have already created a CMS collection that will store the dynamic content you want to display. Select Existing collection under Save to a collection . Click the drop-down and choose the existing collection you want to save the content in. Click Next . Click Close to close the panel. Next: Move page content to your CMS collection: The content on your page does not automatically save to the existing collection. Make sure to move any page content into your collection that you want to make dynamic. You can copy and paste content into the collection so you can then connect the page elements to it. This ensures that all dynamic content is stored in your CMS collection, allowing you to connect it to elements on the page. Connect page elements to the CMS: After saving content to your collection, connect the elements in which you want to show dynamic content. Click the relevant element, then click the Connect to CMS icon to get started. Learn more about connecting elements to your collection through a dataset . Delete static pages that are no longer needed: If you need to convert multiple static pages to one dynamic page, delete the old pages. Before deleting the static pages, make sure all the content you need from them is saved to your dynamic page's collection. Learn how to: Delete pages from the Wix Editor . Delete pages from the Studio Editor . Create a dynamic list page: Add another dynamic page to list your items in a repeater, gallery or table. You can link the items on this dynamic list page to your dynamic item page. This way, visitors can click an item on your dynamic list page to view the item at its own unique URL on your dynamic item page. Studio Editor Go to your editor . Click Pages on the left side of the editor. Hover over the page you want to convert and click the More Actions icon . Select Convert to Dynamic Page . Click Start Now . Choose whether you want to save the page content to a new or existing CMS collection: New collection Select this option if you haven't created a collection yet. This choice will automatically identify the text and image elements on your page and add them as new items in your collection to help you get started. You’ll still need to manually add any additional content as new items in the CMS collection . After conversion, ensure that you add and connect all relevant page elements to the appropriate fields in the CMS collection. Note: You don’t need to repeat these steps for other static pages that will connect to the same collection. Instead, simply add all content (text, images, etc.) from those pages as new items in your CMS collection. This will automatically create dynamic items that can be displayed on this page, as long as the item URLs are unique . Select New collection under Save to a collection . Enter the name of the collection. (If using coding) Enter a collection ID that will be used in your site's code. Click Next . In the panel on the right, select the elements in which you want to show dynamic content that changes based on the item displayed. Each item gets a dedicated URL where the item displays in a consistent page layout. If needed, you can connect more supported page elements later. Elements that you uncheck will have static content that does not change on each URL used by the page. Note: Dynamic elements will get their content from the CMS collection where you're saving the content. For each dynamic element, edit the field properties that determine the type of content that can be stored and connected to the element: Hover over the relevant element in the panel on the right and click the Edit icon . Enter the Field Name and Field Key (coding only). Click the Field Type drop-down and select the relevant field type . Click Save when you're done and repeat this step for each element you're converting to dynamic. Click Connect Elements at the bottom of the panel on the right. Next: (Optional) Create a dynamic list page: Add another dynamic page to list your items in a repeater, gallery or table. You can link the items on this dynamic list page to your dynamic item page. This way, visitors can click an item on your dynamic list page to view the item at its own unique URL on your dynamic item page. Connect page elements to the CMS: You can add and connect additional content that you want to dynamically display on the page. Add the content to your collection , then add corresponding elements to connect to the content. Remove old static pages: If you have other static pages that you need to convert into this dynamic page, make sure to move the content from those pages to this collection. This automatically creates dynamic items that will be displayed on the page as long as the item URLs are unique . Once you've moved the content, delete the old static pages from your site. Learn how to delete pages from the Studio Editor . Existing collection Use this option if you have already created a CMS collection that will store the dynamic content you want to display. Select Existing collection under Save to a collection . Click the drop-down and choose the existing collection you want to save the content in. Click Next . Click Close to close the panel. Next: Move page content to your CMS collection: The content on your page does not automatically save to the existing collection. Make sure to move any page content into your collection that you want to make dynamic. You can copy and paste content into the collection so you can then connect the page elements to it. This ensures that all dynamic content is stored in your CMS collection, allowing you to connect it to elements on the page. Connect page elements to the CMS: After saving content to your collection, connect the elements in which you want to show dynamic content. Click the relevant element, then click the Connect to CMS icon to get started. Learn more about connecting elements to your collection through a dataset . Delete static pages that are no longer needed: If you need to convert multiple static pages to one dynamic page, delete the old pages. Before deleting the static pages, make sure all the content you need from them is saved to your dynamic page's collection. Learn how to: Delete pages from the Wix Editor . Delete pages from the Studio Editor . Create a dynamic list page: Add another dynamic page to list your items in a repeater, gallery or table. You can link the items on this dynamic list page to your dynamic item page. This way, visitors can click an item on your dynamic list page to view the item at its own unique URL on your dynamic item page. FAQs Click below for answers to common questions about converting static pages to dynamic pages. What happens when I convert a static page to a dynamic page? When you convert a page, it is automatically set up as a dynamic item page. This type of page can only display one item at a time. If you want to have a dynamic list page that can display multiple items, you have two options. You can either: Add a dynamic list page : Create a separate dynamic list page for your collection to display multiple items that you can link to your dynamic item page. Convert the dynamic item page to a dynamic list page : Remove the variable field from the URL slug structure to convert the page into a dynamic list page. Learn how to edit the URL slug structure to remove the variable and turn the page into a dynamic list page. What if I reach the 100 static page limit? If you’ve reached the 100 static page limit, consider converting pages to dynamic pages. Each dynamic page you add counts as one page toward your site’s total, but it can generate unique URLs for every item in a connected collection (e.g., products, posts, listings) without consuming additional pages from your quota. Wix sites have a total pages quota of 298. Only the pages you add (as they appear in the Pages panel) count toward this quota—not the number of CMS/app items or their item‑level URLs. Tips to reduce your page count: Consolidate similar static pages into one dynamic page template Use sections, anchors, filters, and pagination instead of separate pages Remove redundant static pages after migrating their content to a collection When converting a page, choose to save to a new or existing CMS collection: Saving to a new collection: With this method, you choose which page elements get their content automatically added to the collection. Each element you choose to make dynamic is automatically connected to the new collection through the page's dataset . Saving to an existing collection: After converting to an existing collection, you need to move the content from the pages to the collection (e.g. by copying and pasting). This ensures the content is stored in your CMS collection so you can connect it dynamically to the page elements (like text, images, and buttons). After moving the content, delete any extra pages you no longer need that were converted to the dynamic page. What types of pages can I convert to dynamic pages? You can convert any regular static page to a dynamic page . However, please note that you cannot convert your home page or Wix app pages, such as Stores, Bookings, or Events, into dynamic pages. What can I manage in my CMS collection? In your CMS collection, you can manage all the data used across your dynamic content. This includes creating and editing items (like products or blog entries), organizing the collection's structure, setting permissions, and configuring which fields should be displayed on your site. Learn how to manage your CMS collection . How can I connect elements to my CMS collection? You can connect elements on your page such as text, images, buttons, or galleries to your CMS collection. This ensures that the elements dynamically display data from your collection, like product names, descriptions, or images, without requiring manual updates for each item. Learn how to connect more elements to your CMS collection . What is a dynamic list page, and why should I create one? A dynamic list page is a page connected to your CMS collection that displays a list of items (e.g., blog posts, recipes, or products) in a repeater, gallery, or table. It’s automatically populated with the data in your collection, saving you time from creating individual pages for each item. Visitors can browse all your items in one place on the dynamic list page. Learn how to create a dynamic list page to display multiple items on the same page. How do I modify the URLs of my dynamic pages? By default, your dynamic item page is created with the following URL slug structure: www.your-domain.com/{ collection-name }/{ primary-field } If you remove the Primary field from the URL slug, the page is automatically converted to a dynamic list page . This allows you to dynamically display several items on the page in a repeater, gallery or table. Go to SEO tab of the page settings to edit the URL slug structure. Then click Edit next to the URL slug structure field. Edit the URL structure as needed and click Save . Learn more about URL slug structures . 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: Creating Custom Roles and Permissions Set up precise access controls for your teammates and collaborators in your CMS (Content Management System) by creating custom roles. Define what actions collaborators can take in the CMS, such as managing content and collections. These roles can also include permissions from other areas, such as the Editor, Sites, or Stores, to match collaborators' site-wide responsibilities. You can create as many custom roles as you need, assigning different collaborators varying access levels to your CMS collections. Once roles are assigned, use each collection's advanced permission settings to set permissions for specific roles and fine-tune their access. Creating custom roles that allow CMS access Choose which CMS permissions to assign to the role. Each permission gives collaborators access to a specific set of actions in your CMS, from working on draft items to managing entire collections. You can set an individual collection's advanced permissions to specify access levels or roles that have CMS access. To create a custom CMS role: Go to Roles & Permissions in your site's dashboard. Click Manage Roles at the top. Click + Create New Role . Enter the Role Title and Description in the relevant fields. Click CMS in the Permissions section. Select the checkboxes next to the permissions you want to assign to the role: Manage Content: Can view, add, and edit content in existing collections. Edit Drafts: Can add, edit, and delete only draft items in existing collections. This permission only applies when the collection is set to Save changes as draft first . Learn more about saving collection changes as drafts before publishing . Manage Backups: Can add, restore and delete backups for all collections. Note: Make sure to also select Manage Content to grant access to the CMS so collaborators with the role can access the CMS and use backups. Manage Indexes: Can add and delete indexes for all collections. Note: Make sure to also select Manage Content to grant access to the CMS so collaborators with the role can access the CMS and use indexes. Manage Collections: Can create new collections, delete collections, and add, delete, or edit fields in all collections. Selecting this permission also selects the Manage Content permission. Make sure to set the collection permissions: If you want collaborators with the Manage Content or Manage Collections permissions to be able to add and update items in CMS collections, make sure to set Advanced collection permissions, then select the Add and Update checkboxes next to Collaborators or next to a specific collaborator role. Learn more about advanced collection permissions . (Optional) Add permissions from other areas such as Editor, Sites, or Stores: Click the relevant dropdown (e.g. Editor, Sites, Stores). Select the permissions you want to assign to the role. Important: Admin roles grant collaborators full access to the CMS and access to other areas of managing your site. You cannot restrict admins from having full access to the CMS. The following permissions automatically make the role an 'admin' role: Editor: Edit Sit e Studio Editor: Edit Code Studio Editor: Edit Site Structure Velo: Access developer tools Click Save . FAQs Click below for answers to common questions about custom CMS roles. Can I duplicate a preset role to edit its permissions and make it a custom role? Yes, you can duplicate a preset role to edit its permissions and make it a custom role. However, it won’t automatically become an admin role unless you select one or more of the following permissions, which grant admin access: Editor: Edit Site Studio Editor: Edit Code Studio Editor: Edit Site Structure Velo: Access developer tools Does selecting 'Manage Collections' automatically make a role admin? No, selecting Manage Collections does not automatically make a role an admin. However, it does include the Manage Content permission, which gives access to all CMS collections. Roles only become admin if you select any of the following permissions: Editor: Edit Site Studio Editor: Edit Code Studio Editor: Edit Site Structure Velo: Access developer tools Tip: In your advanced collection permission settings, you can set specific access levels per collection for each role that grants CMS access. What is the difference between custom roles and admin roles? Custom roles allow you to give collaborators tailored access to the CMS and other areas of your site. Admin roles, on the other hand, provide unrestricted access to the CMS and full control of site management. Custom roles automatically become admin roles when any of the following permissions are assigned: Editor: Edit Site Studio Editor: Edit Code Studio Editor: Edit Site Structure Velo: Access developer tools What makes a collaborator an admin? There are several preset roles you can assign to collaborators that grant them admin access, including the 'CMS Admin' role. In your collection permissions , when you set permissions for a specific role, you can select roles that grant CMS access under Roles with CMS access . Under CMS Admin roles (included) , you can view all the admin roles that maintain full access to your collection. When creating a custom role, select the CMS Manage Content permissions to grant collaborators access to the CMS. Select any of the following permissions to give a custom role full admin access to all your collections: Editor: Edit Site Studio Editor: Edit Code Studio Editor: Edit Site Structure Velo: Access developer tools How do my site's collaborator roles and permissions work with collection permissions? In your site's Roles & Permissions settings, you can add roles that give collaborators access to your CMS collections. These CMS access roles , by default, have all the collection permissions to view, add, update, and delete items. However, you can fine-tune their access levels for each collection in your collection permissions . Keep in mind that CMS admin roles always maintain full access to your collections. This means CMS admins can perform all actions, including viewing, adding, updating, and deleting collection content, whether from the live site or the CMS itself. Collection permissions allow you to define what people can do with a specific collection's content. You can define different access levels for each type of user. This includes everyone who can view your site, site members, collaborators with CMS access, and even specific collaborator roles. Different types of users interact with your collection content in different ways, depending on the permissions you grant. While some actions are restricted to the live site, others extend to the CMS backend for collaborators. Here's how collection permissions work for each group of users: Everyone and site members: When granted the relevant collection permissions, these users can only perform actions, such as viewing or modifying collection content, directly on your live site. Typically, this is done through input elements , but can also be done with the Data API . Collaborators with CMS access: These collaborators, on the other hand, can perform these same actions both on the live site and within the CMS backend. Their access to the CMS provides additional control and management capabilities that go beyond what’s available on the live site alone. Can I restrict admin roles from accessing the CMS? No, admin roles always grant unrestricted access to the CMS, in addition to other areas of your site. To avoid giving full CMS access, ensure you do not assign permissions that elevate the role to admin status. Can I change a custom role’s permissions after it’s created? Yes, you can edit a custom role’s permissions at any time. Go to Roles & Permissions in your dashboard, select the role you want to modify, and adjust its permissions as needed. What is the difference between 'Manage Content' and 'Edit Drafts'? Manage Content lets collaborators add, edit, and publish content in existing collections. Edit Drafts is more limited — collaborators with this permission can add, edit, and delete draft items, but cannot publish them. Use it to let team members prepare content in collections that are set to Save changes as draft first , while someone with publishing permissions decides what goes live. Learn more about saving collection changes as drafts before publishing . 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: Adding and Setting up a Loyalty Program Create a loyalty program to reward returning clients and attract new ones. Choose the actions that clients can do on your site to earn points, like purchasing a Pricing Plan. Then, decide on the amount of points they get and the rewards you want to offer in return (e.g. a 20% discount). A Loyalty page automatically appears on your site, with a detailed description of your incentives. Registered members can log in to view their point balance and rewards on the My Rewards page. Important: To launch your loyalty program, you must upgrade to a plan that includes accepting payments. Step 1 | Create your loyalty program Create and customize your loyalty program to suit your clients and your business. Give your rewards program and points catchy names that fit with your branding. To create your loyalty program: Go to Loyalty Program in your site's dashboard. Click Start Now . Add your loyalty program name. Choose what to call your loyalty points under Points name : Points: this is the default name.  Custom name: Enter a new name for your points that matches your site's brand. Choose a loyalty points icon: Hover over the image under Points icon . Click Change Icon . (In the Media Manager) Choose a new icon or upload an image from your desktop. Click Continue to Setup . Step 2 | Set up how your clients earn points After creating your Loyalty program, you get to the Manage Program page where you choose how clients earn points and the amount of points awarded for each action. For example, when a client purchases a monthly hair cut and beard trim subscription, they earn 50 points. They can then use these points towards discounts on your products, services or other plans and packages. Note: Points based on spending are rounded down to the nearest whole number. For example, if you reward 10 points per $1, a spend of $4.99 earns 40 points. To set up how your clients earn points: Click the Points and rewards tab. Enable the toggles next to the actions that earn clients points.  Hover over an action and click Edit to customize it: Edit the relevant details: Give the action a title. Set the number of points clients earn for the action. (Optional) Choose the action: Each purchase Every $1 spent Note: Clients earn points based on your site currency. When ready, click Save . Step 3 | Set up your loyalty rewards After choosing and customizing the actions that earn points, set up the rewards (coupons) and how your clients redeem them. For example, a client can redeem 100 points for a 10% discount on their next plan. To set up your loyalty rewards: Scroll down to Rewards . Hover over an existing reward and click Edit , or click + Create New Reward . Note: Learn more about how to create coupons for Wix Pricing Plans . Select the relevant coupon from the drop-down. Set the Coupon cost in points. Set the Reward name . Click Save . Step 4 | (Optional) Customize your loyalty pages Once you set up your rewards program, two loyalty pages appear in the Editor. Customize both of them to make it easier for your repeat clients involved in your rewards program. Your Loyalty Program page contains details of your program with your clients. The My Rewards page is where your registered members track their points and rewards. To customize your Loyalty page: Wix Editor Go to your editor . Go to your Loyalty page: Click Pages & Menu on the left side of the editor. Click your Loyalty page. Click the Loyalty program element on your page. Click Settings . Choose what you want to customize: Display Click the Display tab. Select the checkboxes next to any elements you want to display on your Loyalty Program page. Layout Click the Layout tab. Customize the layout of the following areas of the Loyalty page: Header: Choose between Grid, List or Side page layout. Adjust the height and side padding of your header using the sliders. Choose your preferred alignment for the header. Program details: Adjust the spacing and padding of the program cards using the sliders. Choose your icon and content alignment. Text Click the Text tab. Customize the text on the following areas of the Loyalty page: Header: Set the Loyalty Page Title and Page Subtitle. Button: Switch between the tabs to set the button text before and after your clients sign up for your Loyalty program. For example, "Become a member" before sign up and "View points," after clients become Loyalty Program members. Program Details: Enter the titles for Sign up, Earn points and redeem points information cards, as well as the sign up explanation text. Design Click the Design tab. Choose what you want to customize: Header: Use the sliders to adjust the background color, opacity, border width and radius of the elements in the header. Click any color box to set the color for any element in the header. Click to set the font for any piece of text in the header. Program Details: Use the sliders to adjust the background color, opacity, border width and radius of the Program details cards. Click any color box to set the color for any element in the Program details cards. Click to set the font for any piece of text in the Program details cards. Studio Editor Go to your editor . Go to your Loyalty page: Click Pages on the left side of the editor. Click your Plans & Pricing page. Click the Pricing Plans element on your page. Click Settings . Choose what you want to customize: Display Click the Display tab. Select the checkboxes next to any elements you want to display on your Loyalty Program page. Layout Click the Layout tab. Customize the layout of the following areas of the Loyalty page: Header: Choose between Grid, List or Side page layout. Adjust the height and side padding of your header using the sliders. Choose your preferred alignment for the header. Program details: Adjust the spacing and padding of the program cards using the sliders. Choose your icon and content alignment. Text Click the Text tab. Customize the text on the following areas of the Loyalty page: Header: Set the Loyalty Page Title and Page Subtitle. Button: Switch between the tabs to set the button text before and after your clients sign up for your Loyalty program. For example, "Become a member" before sign up and "View points," after clients become Loyalty Program members. Program Details: Enter the titles for Sign up, Earn points and redeem points information cards, as well as the sign up explanation text. Design Click the Design tab. Choose what you want to customize: Header: Use the sliders to adjust the background color, opacity, border width and radius of the elements in the header. Click any color box to set the color for any element in the header. Click to set the font for any piece of text in the header. Program Details: Use the sliders to adjust the background color, opacity, border width and radius of the Program details cards. Click any color box to set the color for any element in the Program details cards. Click to set the font for any piece of text in the Program details cards. Step 5 | (Optional) Customize your My Rewards Page Once you set up your Loyalty program page, make sure to update all the information your clients see on their My Rewards page. Make the page as clear as possible so clients understand all the benefits of your loyalty program. To customize your My Rewards Page: Wix Editor Go to your editor . Go to your My Rewards page: Click Pages & Menu on the left side of the editor. Click your Loyalty page. Click the Loyalty program element on your page. Click Settings . Choose what you want to customize: Layout Click the Layout tab. Rewards: Choose between the List or Cards layout. Rewards Padding: Adjust the spacing and padding between your rewards using the sliders. Text Click the Text tab. Page Header: Set the My Rewards Page title and description. Rewards List: Set the text for the Section title, Copy code button, Redeem points button, and Apply reward button. Design Click the Design tab. Choose what you want to customize: Click the tabs to switch between customizing the Primary and Secondary Buttons and Progress Bar . Use the sliders to adjust the background color, opacity, border width and radius of the elements. Click any color box to set the color for any element. Click to set the font for any piece of text. Studio Editor Go to your editor . Go to your Loyalty page: Click Pages on the left side of the editor. Click your Plans & Pricing page. Click the Pricing Plans element on your page. Click Settings . Choose what you want to customize: Layout Click the Layout tab. Rewards: Choose between the List or Cards layout. Rewards Padding: Adjust the spacing and padding between your rewards using the sliders. Text Click the Text tab. Page Header: Set the My Rewards Page title and description. Rewards List: Set the text for the Section title, Copy code button, Redeem points button, and Apply reward button. Design Click the Design tab. Choose what you want to customize: Click the tabs to switch between customizing the Primary and Secondary Buttons and Progress Bar . Use the sliders to adjust the background color, opacity, border width and radius of the elements. Click any color box to set the color for any element. Click to set the font for any piece of 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 Need more help? Solving performance and technical issues Live Site Errors Standard HTTP status codes can appear in your browser if there is an error loading your site. Each status code represents a different type of error message. The most common codes are 401, 403, 404, 500 and 502. Click below to learn how to resolve live site errors: Error 401 (unauthorized) Error 403 (forbidden) Error 404 (not found) Error 500 (internal server error) Error 502 (bad gateway) Tip: If you receive the error message ERR_CONNECTION_TIMED_OUT , check your internet connection. Click here to troubleshoot. 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 specific error you are receiving, including a screenshot of the error. Your Wix username or email address. Your domain name and site name. Your Operating System (e.g. macOS Sonoma, Windows 10). The different browsers and browser versions you have tried. Note: Go to whatismybrowser.com to find out what browser version you are using. Your geographic location and which Internet Service Provider (ISP) you use. Which internet security programs are installed on your computer (e.g. antivirus, firewall). Which troubleshooting steps you've already tried. 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 Apps: Get Image Colors Using the Get Image Colors add-on, you can make your own unique color palette from the images on your site. The add-on lets you sample a total of five colors and turn them into your own color palette. Once you've sampled your colors, you can then add them to any element on your site. The Get Image Colors add-on is only available in the Wix Studio Editor. Adding the Get Image Colors add-on Add the Get Image Colors add-on from the tools in your Studio Editor. To add the Get image colors add-on: Click the Wix Studio icon at the top left. Click Tools . Click Editor Add-ons . Click Get Add-ons . Click Get Image Colors . FAQs Click a question below to learn more: Can I create palettes from any element on my site? You can only create palettes from images on your site. Can I generate different palettes from the same image? Yes, you can generate a different palette from the same image by clicking Generate New Palette . Can I download my color palette? Yes, just click Download palette to download the palette. Here's an example of a downloaded image palette file: 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 Wix Form Continuously Loads but Never Renders in Editor/Live Site (Includes Workaround) We're aware of the issue and are currently gathering more information regarding this matter. Meanwhile, please use the following workaround: 1. Open the Layers panel. 2. Locate the corrupted form. 3. Delete the form. 4. Save your site. 5. Re-add the form if needed. Additionally, if you are using the Safari browser, please update it to the latest version by updating your macOS or you can try using another browser such as Google Chrome or FireFox. 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 Restaurants: About Printing Online Orders Print upcoming, current, and past orders with the Wix Restaurant Orders app. Print manually from your dashboard or the Wix app, or set up automatic printing via email or with supported thermal printers. Printing orders using a thermal printer Print incoming orders using a thermal printer right from your device with the Wix app or from your site's dashboard. Once you've connected a printer, orders will be automatically printed when you have the app open, or if you select this option from your site's dashboard. Tip See the list of supported thermal printers by Star and Epson. Printing orders from your dashboard Print your restaurant's orders right from your site's dashboard . You can print current orders from the Online Orders tab, or any past order from the Orders tab. You also have the option to bulk print from the Orders tab for added convenience. Automatically print incoming orders Make managing orders easier with automatic printing . Incoming orders are sent to your printer’s email and printed right away, helping you save time and stay organized. Printing orders manually using an A4 printer from the Wix app Print your orders using an A4 printer connected to your mobile device . Once your printer is connected, you can manually print new and past orders. Experiencing issues while printing from the Wix app? Learn how to troubleshoot printing orders from 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

< Back Managing your business Business solutions & apps Wix Stores: Changes to Facebook Shops Starting April 2024, Meta will stop supporting Facebook and Instagram shops created through the Wix dashboard. Learn more You can, however, create a Facebook or Instagram shop by: Using the Facebook Shops by GoDataFeed app Adding your products via a Facebook Catalog Data Feed For current Facebook/Instagram shop owners: Before you connect through one of the above options, make sure to disconnect your current shops. By disconnecting your Facebook shop, you will also disconnect your Instagram shop, if you have one. To disconnect your existing Facebook Shop: Go to Facebook shop in your site's dashboard. Click the More Actions icon . Select Disconnect Account . Click Disconnect Account to confirm. 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 media Using the Pro Gallery Wix Pro Gallery: Customizing Your Gallery's Advanced Settings The settings available in the Advanced tab allow you to take your pro gallery to the next level. Here you can focus on customizing how your videos play, setting the quality of your images, and adjusting gallery direction. Customizing the advanced settings Using the pro gallery's advanced settings, you can give your gallery that pro-touch. To customize the advanced settings: Go to your editor . Click the pro gallery element on your page. Click Settings . Click the Advanced tab. Customize the advanced settings using the options available ( see table below ). Advanced settings glossary Read on to learn more about the options available in the Advanced Setting tab. Setting Explanation Options Play Videos Control how your videos play. - On Hover: Your videos play when your visitors hover over them in the gallery. - Autoplay: Your videos play automatically in the gallery. - On click: Your videos play when your visitors click them in the gallery. Play with Sound Your videos in your gallery are muted by default. Control if your videos play with sound. - Enabled: Videos play with sound in the gallery view. - Disabled: Videos are muted in the gallery view. Your videos always play with sound in expand mode. Playback Speed Control the playback speed of the videos. Select the playback speed from the options. Loop Video Control if your gallery's videos play continuously or if visitors need to click them. This setting enables each video in your gallery to play in a loop. - Enabled: Your videos play continuously. - Disabled: Your site visitors need to click the play icon to play your videos. Show play button Choose to enable or disable the play icon in pro gallery Videos. - Enabled : A play icon will appear on your videos. - Disabled : Your videos will not have a play icon. Gallery direction Choose to display your gallery items from left-to-right or right-to-left. Click the relevant checkbox to display your gallery items from left-to-right or right-to-left. Image Quality Select the image quality of your gallery items. Drag the slider to increase or decrease the quality of the images in your gallery. Note: Using higher quality might cause your images to load slower. Image Sharpening Sharpen your gallery images. - Enabled: The images are sharpened. Customize the amount, radius and threshold of the sharpening. - Disabled: The images are not sharpened Convert images to a modern format Converting your images to modern formats compresses the images without reducing their quality. This improves your site's loading time. Images still download in their original format. - Enabled: (Recommended) Images are converted to a modern format. - Disabled: Images display in their original file format. This may affect site loading time. Automatically resize images Wix automatically resizes gallery images to optimize image loading time and preserve site visitor's viewing experience. Click the drop-down to choose when images are resized. - Always (recommended): Gallery images are automatically resized to improve your site's loading time. - Gallery Only: Only images in the main view of the pro gallery are resized. Images in the Expand Mode display in their original resolution. - Never: Images load in their original resolution. This may affect site loading time. Want to improve accessibility? Pro galleries with videos set to autoplay are not accessible as visitors cannot pause them. To make your gallery accessible and disable autoplay for videos, open the Advanced tab of the Settings panel. Then, click the Play Videos drop-down and select either On hover or On click . Learn more about autoplay and accessibility . 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 Music: Allowing Fans to Download Your Music Control the download options for your music from the Music Library in your dashboard. You can let your visitors download an entire album, a single, or a specific track from an album, single or playlist. You can also set a price or make your music available for free. Additionally, you can choose to only allow downloads for visitors who enter their email address. The download link in the email is active for three days only. This is for your protection to prevent pirating. Allowing your fans to download your music Customize the download options on your site for your fans. Decide whether you want to offer your music for free, a fixed price or let fans choose the price. Note: Currently, it is not possible to allow fans to download an entire playlist. To set your download options: Go to My Music in your site's dashboard. Click the relevant album / single. Click Edit in the Info section. Note: For a track within an album, hover over the track and click the Edit Track Info icon. Scroll down to Sale and Download Options on Your Site . Click the Download Options drop-down and select an option: Sell for a fixed price: Set a price for your album in your desired currency. Free download: Visitors can download your album for free. No downloads: Your album cannot be downloaded. Let fans name their price: Your fans can choose how much they want to pay for your album. You can set a minimum album price under Album Price . Require email for download: Your fans need to subscribe to your mailing list to download your album. FAQs We are here to help with all your questions. Click a question below to learn more. Can I view analytics related to my music? Yes. You can track all your analytics related to Wix Music (including download statistics) using Wix Analytics Reports . How long can music be downloaded for after it is purchased? After purchase, your customers can download the music they purchased an unlimited amount of times, for up to 72 hours. If the music is not downloaded within this time period, you cannot resend the link. In what formats can my fans download my music? Once your files have been converted, your fans can download your music in FLAC or MP3 files. FLAC is only offered if a FLAC, MP4A, or WAV version was uploaded. Learn more about supported files for Wix Music . How can I accept payments for my music? Learn how to set up payments for your music , commission-free with Wix. 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: Creating a Custom Form with Input Elements that Submit to Your Collection Create a custom CMS form that allows visitors to use input elements to submit their info directly to your collection. Input elements include text boxes, dropdown selectors, date & time pickers and more. This article walks you through creating a collection to store the submissions, adding input elements and a submit button, and using datasets to connect it all. Need a simpler, prebuilt custom form? Check out Wix Forms to view template forms that require less setup such as contact forms, order forms, registration forms and more. Before you begin: Make sure to add the CMS to your site if you haven't already. For an overview of this process, check out our Ultimate CMS Guide video . Step 1 | Create a collection and set the permissions Create a collection where you will store the custom form submissions and set the collection permissions . You can choose the Collect content permission settings, then choose who should be allowed to add or view the content from your live site. Or, you can choose Advanced to specify who can view, add, update, and delete content for each role (everyone, members, item's creator, and collaborators). You can add fields to the collection at this point but we recommend adding them later ( step 3 ) when you connect the input elements. That way you can be sure that you're only adding the types of fields that can connect to each type of input element. To create a collection for storing form submissions: Go to CMS in your site's dashboard. Click Create Collection . 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. Let's refer to this collection as your 'Submissions' collection. (Coding only) Enter a collection ID to use in your code. Leave Multiple item collection (Default) selected and click Create . Click More Actions and select Permissions & privacy . Choose which permissions to use for the collection: Collect content Allow visitors to add content as new items in your collection. This does not allow visitors to add content to existing collection items. Use the Advanced permissions if you want to allow visitors to update existing content. See this FAQ section for more information. Click Collect content . Click the Who can add content to this collection? drop-down and choose an option: Everyone: Any site visitor can add new items to the collection from the live site. Collaborators with CMS access roles and admins can also add items from within the CMS. Members only: Only site members, collaborators with CMS access roles, and admins can add new items to the collection from the live site. Collaborators with CMS access and admins can also add items from within the CMS. Click the Who can view this content? drop-down and choose an option: Collaborators: Admins and collaborators with CMS access roles can view the collection content in the CMS and the live site. Tip: To assign permissions for a specific collaborator role, use the Advanced collection permissions and click + Set permissions for specific roles . Members only: Only site members, collaborators with CMS access and admins can view the collection content on the live site. Collaborators with CMS access and admins can also view it within the CMS. Item's creator: Site members can only view items on the live site that they themselves added to the collection. Collaborators and admins can still view all the items on both the live site, and in the CMS. Everyone: Any site visitor can view the collection content on the live site. Collaborators with CMS access and admins can also view it within the CMS. Click Save . Note: With these 'Collect content' collection permissions, admins and collaborators with CMS access maintain full access to the collection. They can perform all actions, including viewing, adding, updating, and deleting collection content, whether from the live site or the CMS itself. Advanced With the 'Advanced' permissions, you can select different permissions for viewing, adding, updating, and deleting content for each role. This lets you control what people with each access level can do with your site's collection content. For each user role, select the checkboxes to choose whether they can view content, add new items, update existing items, or delete items. You can also create permissions for specific collaborator roles for greater control over which collaborators can view, add, update, or delete items. Click Advanced . (Optional) Set permissions for specific collaborator roles: Note: By default, all collaborators with CMS access roles share the same permissions unless you create permissions for specific collaborator roles. Click + Set permissions for specific roles . Click the checkbox next to each collaborator role that you want to set specific permissions for. Only roles that allow for CMS access are available. Click Roles & Permissions at the bottom if you need to create or modify any collaborator roles . Click Done . Click the relevant checkboxes next to each role to choose whether users with the role can view, add, update, or delete collection items: Everyone: This role applies to everyone who can access your live site. Selecting a permission for this role also selects it for the other roles in the table. Members: This role applies to site members only. Selecting a permission for this role also selects it for the 'Item's creator' role, the 'Collaborators' role, and any specific roles you add to the table. Item's creator: This role's permissions only apply to the specific items that a member creates themselves. For example, you can set permissions to allow the item's creator to update or delete only the items that they create. Selecting a permission for this role also selects it for the 'Collaborators' role and any specific roles you add to the table. Collaborators: This role applies to all collaborator roles with CMS access. Selecting a permission for this role also selects it for any specific collaborator roles you've set permissions for. Admin: This role applies to site owners and collaborator roles with CMS admin permissions. You cannot change the permissions of this 'Admin' role. Specific roles: If you add roles to the table, they apply to collaborators with specific CMS access roles. If you set permissions for a specific role, then deselect a permission in that role, the permission is also deselected in the main 'Collaborators' role. Click Save . In the table, you can choose from the following access levels for each role: View: People with the relevant role(s) can view the collection content. Add: People with the relevant role(s) can add new items to the collection. Update: People with the relevant role(s) can edit existing collection items. Delete: People with the relevant role(s) can remove existing collection items. Note: With these 'Advanced' collection permissions, admins and collaborators with CMS access maintain full access to the collection. However, you can set permissions for specific collaborator roles to restrict them from having view, add, update, or delete access to the collection. Step 2 | Add input elements to your site Go to the page or section in your editor where you want to create the custom form. Then add all the input elements that visitors will use to submit their responses. Keep in mind that each input element has limitations to the types of data it can collect and the field types it can connect to. Which input elements can be set to collect content? You can choose from the following input elements that allow you to collect content: text input, text box, rich text, radio buttons, multi-checkboxes, single checkbox, dropdown, selection tags, date picker, time picker, slider, upload button, ratings input, address input, switch, and signature input. Wix Editor Go to your editor . Go to the page or section where you want to create a custom form. Click Add Elements on the left side of the editor. Click Input . Click the type of input element you want to add. Click and drag the relevant input element onto the page. Repeat steps 3-6 above to add as many input elements as your form needs. Studio Editor Go to your editor . Go to the page or section where you want to create a custom form. Click Add Elements on the left side of the editor. Click Input . Click the type of input element you want to add. Click and drag the relevant input element onto the page. Repeat steps 3-6 above to add as many input elements as your form needs. Step 3 | Connect the input elements to your collection Connect each of your input elements to a dataset that connects to your 'Submissions' collection. Then connect the input values to new collection fields that match the type of data you want to collect. You can connect the options that visitors select in dropdown and selection tag elements to items from another CMS collection. To do so, connect their list options to a different dataset that connects to a field in another collection. This dataset should be in the 'Read' or 'Read & Write' mode. Wix Editor In your editor, add a dataset that connects to your 'Submissions' collection: Click CMS on the left. Click Add Content Elements . Click Form dataset . Click the Choose a collection drop-down and select the 'Submissions' collection. Give the dataset a name (e.g. 'Submissions'). Click Create . Click any of the input elements you added. Click the Connect to CMS icon . Click the Choose a dataset drop-down and select your 'Submissions' dataset. Tip: First click Collect content if prompted to choose between 'Filter content' and 'Collect content'. Connect the input element to a new collection field: Click the Value connects to drop-down and select + Add : Enter the Field Name for the new collection field. (Coding only) Enter the Field Key that identifies this field in your site's code. This cannot be changed later. Select the Field Type from the drop-down. The field type determines what kind of data you can store in the field . Click Add . (If connecting the list of items in certain input elements) Click the Show options from a collection toggle to choose where to manage the element's choices: Enabled: Use a field from another CMS collection for the choices. Connect the relevant dataset and choose the fields to use from the Labels and values connect to drop-down. Disabled: Click Manage Choices to create static choices for the element separate from the CMS. Repeat these steps for each of your custom CMS form's input elements. Studio Editor In your editor, add a dataset that connects to your 'Submissions' collection: Click CMS on the left. Click Add Content Elements . Click Form dataset . Click the Choose a collection drop-down and select the 'Submissions' collection. Give the dataset a name (e.g. 'Submissions'). Click Create . Click any of the input elements you added. Click the Connect to CMS icon . Click the Choose a dataset drop-down and select your 'Submissions' dataset. Tip: First click Collect content if prompted to choose between 'Filter content' and 'Collect content'. Connect the input element to a new collection field: Click the Value connects to drop-down and select + Add : Enter the Field Name for the new collection field. (Coding only) Enter the Field Key that identifies this field in your site's code. This cannot be changed later. Select the Field Type from the drop-down. The field type determines what kind of data you can store in the field . Click Add . (If connecting the list of items in certain input elements) Click the Show options from a collection toggle to choose where to manage the element's choices: Enabled: Use a field from another CMS collection for the choices. Connect the relevant dataset and choose the fields to use from the Labels and values connect to drop-down. Disabled: Click Manage Choices to create static choices for the element separate from the CMS. Repeat these steps for each of your custom CMS form's input elements. What about the dataset modes? If you added a 'Form dataset', it's already set correctly to the 'Write' mode. This mode allows the dataset to add new items to the collection based on the input element submissions. If you connected the options that visitors select in dropdown and selection tag elements, make sure that separate dataset is in 'Read' or 'Read & Write' mode. If you need your CMS form to update existing collection items, set the 'Submissions' dataset to 'Read & Write' mode . Make sure the collection permissions also allow people with the relevant roles to update content. Step 4 | Create a submit button You need to create a way for visitors to submit the input element responses they entered or selected. Create a 'Submit' button by adding a regular button or image and connecting it to the dataset's 'Submit' click action . When visitors click the 'Submit' button, the values from all the input elements that connect to your 'Submissions' dataset are saved to your collection. Depending on the dataset mode and your collection permissions , the values are either added as new items or used to update existing items. You can also create separate buttons for the following dataset actions: New: Add or update the collection items (depending on the dataset mode) and reset the inputs to accept new values. Revert: Reset the values in the input elements that have not yet been submitted. Delete: Remove selected items from your collection ('Read & Write' mode only). Next page/ Previous page: If you are displaying the items that visitors are editing in a gallery or repeater, you can add these buttons to let visitors navigate through "pages" of items. If you created your form on a dynamic item page, use the Next dynamic page / Previous dynamic page click action instead. Wix Editor Click Add Elements on the left side of the editor. Click Button . Click and drag the button you want to use as your submit button onto the page. You can use any of the following button types: Themed Buttons , Text & Icon Buttons , Icon Buttons , or Image Buttons . Tip: Alternatively, you can add an image and use it as your submit button. Click Change Text & Icon and enter the text you want to display on the button (e.g. "Submit"). Click the Connect to CMS icon . Click the Choose a dataset drop-down and select the dataset connected to your submissions collection. Click the Click action connects to drop-down and select Submit . (Optional) Add success and failure messages that appear when submissions are submitted successfully or unsuccessfully: Click + Add success message then click + Add failure message . Click and drag both messages to the place where you want them to appear. They can overlap because the messages do not display at the same time. Click Edit Text on each message to edit the messages. Select the button and click the Connect to CMS icon . Then click the When successful, navigate to drop-down, and select an option: Stay on this page: The visitor stays on the same page after submitting the form. A link: The visitor is redirected to another page after submitting the form. Click Choose under Choose a link and set up the link. Click the button and select the Design icon to customize the appearance of your submit button . Studio Editor Click Add Elements on the left side of the editor. Click Button , then drag the button to where you want it to appear. Tip: Alternatively, you can add an image and use it as your submit button. Click Change Text and enter the text you want to display on the button (e.g. "Submit"). Click the Connect to CMS icon . Click the Choose a dataset drop-down and select the dataset connected to your submissions collection. Click the Click action connects to drop-down and select Submit . (Optional) Add success and failure messages that appear when submissions are submitted successfully or unsuccessfully: Click + Add success message then click + Add failure message . Click and drag both messages to the place where you want them to appear. They can overlap because the messages do not display at the same time. Click Edit Text on each message to edit the messages. Select the button and click the Connect to CMS icon . Then click the When successful, navigate to drop-down, and select an option: Stay on this page: The visitor stays on the same page after submitting the form. A link: The visitor is redirected to another page after submitting the form. Click Choose under Choose a link and set up the link. Click the button and select the Design tab from the Inspector panel to customize the appearance of your submit button . Step 5 | Customize the input elements You can customize each of your input elements to create a cohesive looking form that matches your site's look and feel. Wix Editor In your editor, click any of the input elements that you want to customize. Click Settings to enter the field title, set the field as required, or adjust various settings depending on the input type. Click the Layout icon to adjust the text alignment and other layout options. Click the Design icon to choose a preset design, then select Customize Design to further adjust the appearance of the element. Repeat these steps for each input element you want to customize. Studio Editor In your editor, click any of the input elements that you want to customize. Click Settings to enter the field title, set the field as required, or adjust various settings depending on the input type. Click the Layout icon to adjust the text alignment and other layout options. Click the Design tab in the Inspector panel to customize the appearance of the element. Repeat these steps for each input element you want to customize. Ready to go live? Click Preview at the top right of your editor to test out your new custom form. When everything looks great and works perfectly, click Publish to make the changes go live. If you've enabled Sandbox, sync your Sandbox collection to the live collection to make the database changes go live. FAQs Click a question below for answers to the most common questions about creating custom forms using input elements. How do I find my 'Submit' button's success/failure messages in the editor? If you added and can't find the success/failure messages for your 'Submit' button, test out submitting your form in preview mode. This should cause the messages to reappear so you can go back to the editor to select and edit them. You can also use the Layers panel in the Wix Editor Toolbar to locate the messages and rearrange them. Can I automate what happens when I receive form submissions? Yes. With Wix Automations, you can choose from a variety of actions that occur when you receive new submissions. For example, you can receive an email, connect to third-party apps like Google Sheets, or automatically reply to the visitor. Since your form submissions are saved as new items in your collection, use the Item added trigger to start your automation. Learn more about creating automations for collection items . Can I export the submissions that get saved to my collection? Yes. You can export any CMS collection as a CSV file to use the data outside of the Wix CMS (e.g. in Microsoft Excel or Google Sheets). Can site visitors use input elements to filter the content that appears on my site? The answer depends on the type of input element. You can choose from the following input elements that allow filtering: Radio Buttons , Checkboxes , Dropdown , Selection Tags , or Slider (Range Sliders only). Keep in mind that each input element has limitations to the field types it can filter. Other input elements can only be used to submit content rather than filter it. View a step-by-step tutorial for allowing visitors to filter content with input elements . Where do the list options come from if I connect dropdown or selection tag lists to reference fields? If you connect your dropdown or selection tag list items to a reference field, the list of items comes from the 'Primary' field of the referenced collection. Learn more about using reference fields to display content from multiple collections . Can I set up my collection fields first before adding input elements? Yes. If you prefer, you can set up your collection fields first, then connect the input elements to them. You can add fields to your collection manually , or by uploading a CSV file . Can I display form submissions in a table, gallery, or repeater? Yes, you can display form submissions in various formats such as tables, galleries, or repeaters. Connect your table , gallery or repeater to a dataset that connects to the collection with the submissions. Then make sure the dataset mode is set to 'Read' or 'Read & Write' and that the collection permissions allow the relevant people to view the content. How can I allow members to update their own submissions? To enable site members to update their own submissions, set your collection permissions to 'Advanced' and check the 'Update' option for the 'Item's creator' role. This allows members to edit only the items they created. Ensure your dataset mode is set to 'Read & Write' so that the connected elements can read and update content. How can I troubleshoot if my upload button is not working? If your upload button isn't functioning as expected, start by checking the connections of your input elements to ensure they are linked correctly to the appropriate dataset. Verify that the dataset mode is set to either 'Write' or 'Read & Write' to allow data submissions. Additionally, confirm that the collection permissions are set to allow the necessary user roles to add content. Learn more about working with dataset modes and collection permissions . It's also essential to check for any validation errors that might be preventing the submission. If everything seems correct but the issue persists, consider syncing your sandbox and live collections if applicable. Learn more about troubleshooting user input elements . How do I connect multiple forms to a single CMS collection? You can connect multiple forms to the same CMS collection by connecting their input elements to datasets that all submit to the same CMS collection. Ensure that each form has a unique 'Submit' button and dataset to prevent conflicts. This setup allows you to gather data from various sources while maintaining a single collection for easy management. Are the success/failure messages accessible-friendly? Yes, the success and failure messages you add to your CMS form’s ‘Submit’ button are accessible. When you publish your site, these messages automatically receive the aria-live="polite" attribute. This means that screen readers on your live site will announce the message when it appears, so everyone is notified about the outcome of their submission. You cannot remove this attribute. Can I save responses at each step in a multi-step form? It is not possible to create a multi-step form with the CMS unless you code a custom solution with Velo. CMS forms you create with input elements save data only after the user completes and submits the form. However, you can create a multi-step form using Wix Forms, which allows you to manage the form steps without coding. Learn more about setting up a multi-step form with Wix Forms . 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