< Back Managing your business Orders, Cart & Checkout Manually Authorizing Payments and Capturing Funds Later Important: This feature is available for merchants who connected Wix Payments as a payment provider. This article is relevant for Wix Stores, Wix Bookings, Wix Restaurants Orders, Wix Donations, and is in the process of becoming available for Pricing Plans. Authorize payment for any unpaid or partially paid order to make sure your customer has the means to cover the cost. When you do, the payment is approved by the customer’s payment method and the sum is held in their account, in readiness to pay, if needed. Then, before the 7-day hold on the payment comes to an end, you can capture or void the payment. Manually authorizing a payment You can use manual authorization in a number of ways. For example, if you rent out equipment, you can manually authorize a payment as a security deposit. When the equipment is returned undamaged, you can void the payment without needing to process a refund. You may also want to authorize payment before creating a custom product to ensure that your customer has the funds to pay for it - without collecting payment in advance. Tip: Authorized payments are held for 7 days. To manually authorize a payment Go to Orders in your site's dashboard. Select the relevant order. Click Collect Payment . Select Authorize a payment . Enter the amount you want to authorize. Note: It can be less than the order total. Select or deselect the Automatically capture payments before the authorization period ends checkbox: Selected: The payment is automatically sent to you at the end of the 7-day period, if you haven't taken any action before then. Deselected: The payment is automatically voided at the end of the 7-day period. This means that the hold on the payment is released from your customer's account, if you haven't taken any action. Enter the customer's card number. (Optional) With the customer's knowledge and approval, select the Save this card to the customer's file checkbox. Learn more Click Authorize . Collecting or voiding an authorized payment When you're ready, you can either capture (collect) the payment or void it. When you void a payment, the hold on the payment is released from your customer's account. Tip: It's best practice to void the authorized payment as soon as you know that you aren't planning on capturing it, so that the funds are available for your customers' use. To collect or void an authorized payment: Go to Orders in your site's dashboard. Click the relevant order. Click Collect Payment . Select an option: Capture the payment: The payment is sent to your account. Void the payment: The hold on the payment is released from your customer's account. FAQs Click a question below to learn more. Can I edit the order amount? Yes. If you need to make changes to the price of an item, or add additional items, you can edit an existing order . If you increase the order total, another payment authorization is created. Later, when you capture or void payment, you can select which payments the action applies to. I voided a payment by accident. Can I still collect payment that was held? No. Once the authorization is released, the payment that was authorized cannot be collected. You can, however, request payment using another method . 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 Managing your customers Wix Automations: Adding and Setting Up Conditions Conditions add flexibility to automations by letting you set specific rules for what happens next. This means your automation can branch in different directions based on what your site or contacts do. For example, you can have the automation send an email only if the customer spends over $100. Adding a condition Adding a condition gives you control over the next steps in your automation, using details that Wix collects each time it runs. You set the criteria that matter most to you, so actions only happen when your chosen rules are met. In the THEN path, the automation flow continues only if the condition is met. In the ELSE path, you can define what happens if the condition isn’t met. To add a condition: Create a new automation or edit an existing automation . Click the Add Step icon . Click Condition . Choose how you want to set up your condition: Basic logic Click the Basic logic tab. Click the Select a property drop-down and choose the dynamic field that the automation collects when it runs (e.g. Party Size). Tip: Learn more about the property picker and all that it offers. Click the Select logic drop-down and choose an operator that will compare the received data with the value (e.g. 'is greater than'). Click the Enter value drop-down or text box that appears to set the right value (e.g. 3). Tip: Click Customize to create custom workflows using the formula field . (Optional) To add any additional criteria, click +And / +Or to choose the relationship between your criteria. Click the If this condition isn't met drop-down and choose: End flow: No action will take place if the condition isn't met. Follow Else path: Click the + to add a step under the new path that appears in your automation that will occur when the condition isn't met. Custom code Click the Custom code tab. Choose how to create your custom code: Click Edit Code to write your own Java code condition. Click Code with AI to write a prompt that describes what you want the condition to check and click Generate code . Click Save once you're happy with how the code is written. Building a condition with the property picker In the below example, we'll use the property picker to set up the condition: check if an order's payment status is equal to 'Paid' before continuing with the automation. To build a condition with the property picker: Create an automation in the new automation builder . Click the Add Step icon . Click Condition . Click the Basic logic tab. Click the Select a property field to open the property picker. Choose the property you want the condition to check from the nestable list. For our example, we want the condition to check Payment status . Tip: Hover over a property to see additional information such as the property type and an example of how to use it in your automation. Click the Select logic dropdown and choose the logic from the available data types. For our example, we want to choose the type is exactly . Finally, choose the resulting output the condition should check. For our example, we want the condition to check that the text is exactly the word Paid so we enter the word 'Paid' into the text field. Click Apply to save the condition. Continue with the rest of the automation flow including choosing an action. In our example, we added an action 'Give Loyalty Points'. Now, when an order is placed, the condition checks if the payment status is 'Paid' before continuing with the flow. Tip: You can build an Else path if you want the automation to do something different if the condition is not met. In our example, if the order is not paid, send an email reminder to pay the order. Building the logic of a condition For conditions to work effectively, make sure to select the correct operator (e.g. "is greater than", "contains") and follow the best practices described in this article. Click an option below to learn more about an operator: Text operators: Text operators are used for comparing names, labels, etc. Best practice: Use text operators for properties that are text strings, for example when a restaurant name is exactly "Paulie's Pizza". Number operators Number operators are used for comparing any numerical property, like quantities. Best practice: Use number operators for properties that will always be numbers, for example sending an email when a reservation party size is greater than 10. Date and time operators Date and time operators are used for comparing date and time properties to specific dates and times. Best practice: Use date and time operators when you're basing a condition on an exact date or time, for example contacting all customers who made a purchase this month. Array (list) operators Array operators are used to specify a list of multiple values or objects, instead of selecting just one. Best practice: Use array operators when you're including a specific list of products in your automation, for example shirts sold in your store. True/false operators True/false operators are used for comparing any boolean properties that will always be true or false. Best practice: Use true/false operators for properties that will always be one of two states, for example a checkbox that is ticked or unticked. This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Managing your business Building your community Wix Blog: Adding and Customizing a Category Menu Categories are a great way to sort your blog into different topics and give your readers a general idea what your blog posts are about. You can add a category menu that provides extra structure and organization to the various categories in your blog. To add and customize the category menu: Wix Editor Go to the page you want the category menu to appear on. Click Add Elements on the left side of the editor. Click Blog . Select the Category Menu element. Drag it to position it on the page. Click the element in your editor. Click Settings . Click the tabs on the left to customize the category menu: Display Customize the category display: Click the Show All Posts toggle to show all posts in the category widget. Click the Show number of posts toggle to display the number of posts in the category widget. Layout Customize the following: Text alignment : Choose where you would like the text to appear: Left : The text appears on the left in the widget. Center : The text appears in the center of the widget. Right : The text appears on the right in the widget. Text padding (left & right) : Drag the slider to adjust the amount of padding at the sides of the widget. Text padding (top & bottom) : Drag the slider to adjust the amount of padding at the top and bottom of the widget. Design Customize the following: Font style & color : Click the Expand icon to select a font style and click the color box to select a font color. Background color : Click the color box to choose a background color and drag the slider to adjust the level of color. Divider opacity & color : Click the color box to choose the divider color and drag the slider to adjust the level of opacity. Divider width : Drag the slider to adjust the width of the divider. Border opacity and color : Click the color box to choose the border color and drag the slider to adjust the level of opacity. Border width : Drag the slider to adjust the width of the border. Corner Radius : Drag the slider to adjust the corner radius. Studio Editor Go to the page you want the Category Menu to appear on. Click Add Elements on the left side of the editor. Click Blog . Select the Category Menu element. Drag it to position it on the page. Click the element in your editor. Click Settings . Click the tabs on the left to customize the category menu: Display Customize the category display: Click the Show All Posts toggle to show all posts in the category widget. Click the Show number of posts toggle to display the number of posts in the category widget. Layout Customize the following: Text alignment : Choose where you would like the text to appear: Left : The text appears on the left in the widget. Center : The text appears in the center of the widget. Right : The text appears on the right in the widget. Text padding (left & right) : Drag the slider to adjust the amount of padding at the sides of the widget. Text padding (top & bottom) : Drag the slider to adjust the amount of padding at the top and bottom of the widget. Design Customize the following: Font style & color : Click the Expand icon to select a font style and click the color box to select a font color. Background color : Click the color box to choose a background color and drag the slider to adjust the level of color. Divider opacity & color : Click the color box to choose the divider color and drag the slider to adjust the level of opacity. Divider width : Drag the slider to adjust the width of the divider. Border opacity and color : Click the color box to choose the border color and drag the slider to adjust the level of opacity. Border width : Drag the slider to adjust the width of the border. Corner Radius : Drag the slider to adjust the corner radius. Tip: You can also add an archive menu to your blog feed. 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 Billing & premium subscriptions Managing your subscriptions Using Wix Promotions for Premium Plan Renewals Promotions offered by Wix (e.g. the Wix promo code ) are valid for the first month/year of service (depending on the plan purchased). Promotions cannot be used to renew an existing Premium plan. Tip: It is possible to upgrade an existing Premium plan using a promotional coupon. In addition, the discounted price is valid for the first year/month ONLY . All subsequent renewals are charged at the original price of the plan (without the discount). 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: Translating Your Restaurant Reservations Translate your Wix Multilingual reservation form and confirmation page so your customers can choose their preferred language from your site's languages. This makes it easier for them to make reservations in a language they understand. Before you begin: Add and set up Wix Multilingual . Step 1 | Manage the translations in your site's dashboard Your restaurant reservation form and confirmation page both include default fields which translate automatically. If you added any custom fields and policies, you can translate them manually in the Translation Manager . If you auto-translated your site, you should review the automated translations. To manage your translations: Go to Translation Manager in your site's dashboard. Click Table Reservations on the left. Choose the relevant option: If you auto-translated your site: Review the automated translations and edit if necessary . If you didn't use auto-translation: Translate the custom fields and policies manually. Click Save and Publish . Step 2 | Manage the translations in your editor Next, head over to your editor and translate the Reservation widget that appears on your site. Some text may already be automatically translated, but you can review it and change it if necessary. Wix Editor Go to your editor . Click the Switch languages drop-down menu at the top of the editor. Select the language you want to edit. Go to the page with your Table Reservations widget: Click Pages & Menu on the left side of the editor. Select the relevant page. Click the Table Reservations widget on your page. Click Settings . Click the Text tab. Update the relevant text as needed. Click Save or Publish . Studio Editor Go to your editor . Click the Switch languages drop-down menu at the top of the editor. Select the language you want to edit. Go to the page with your Table Reservations widget: Click Pages on the left side of the editor. Select the relevant page. Click the Table Reservations widget. Click Settings . Click the Text tab. Update the relevant text as needed. Click Save or Publish . What's next? Continue translating the other pages in your site . We also recommend translating your automated emails into your site's languages. This allows you to speak to your audience in their language, offering a more local experience. 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: Exporting Content from Your Collection You can export a CMS (Content Management System) collection's content as a CSV file to use it in another application such as Google Sheets or Excel. Important: If your collection has non-Latin characters, it is exported using UTF-8 encoding . Time fields in the exported CSV file are displayed as UTC+0. To export content from your content collection: Go to CMS in your site's dashboard. Alternatively, you can click CMS in your editor, then click Your Collections . Tip: Go to the CMS from your editor if you need to export a sandbox collection . Click the relevant collection. (If you have enabled sandbox collections) Click the collection type you want to export at the top: Sandbox Collection or Live Collection . Click More Actions and click Export to CSV . Choose which parts of your collection you want included in the exported file: The entire collection: Export all items and fields, including hidden and system fields . Filtered data: Export only the items that match the current filter. Collection fields: Export the collection structure . Only the field names are exported, including hidden and system fields. This is useful if you want to create your content in a spreadsheet application and then easily import it back to your content collection. Click Export . When your file is ready, click Download 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 Studio, Partners & Enterprise Wix Studio Wix Studio FAQs: Getting Started Wix Studio is a flexible, end-to-end platform for agencies and enterprises who offer bespoke and scalable web creation services. The advanced responsive editor has game-changing design tools like responsive AI, open platform capabilities, and one workspace to manage your sites, assets and team. It allows you to efficiently deliver exceptional websites that exceed your clients' vision. Learn more about Wix Studio Below we'll answer some of the common questions we've received about getting started with Wix Studio. Switching to Wix Studio Click a question below to learn more about switching to Wix Studio How can I get access to Wix Studio? Wix Studio is available to everyone. If you're an agency or enterprise already using Wix, you can switch your account to a Wix Studio account. You'll find multiple entry points prompting you to switch, including through the Sites page in your dashboard, the dashboard of any site you own, the Templates page, and the Account Settings menu. On switching, you'll land on the Discover page of your new Wix Studio workspace and can find all the educational resources you need to get started. You can also access Wix Studio via an email invitation to join a team. If invited to a Wix Studio team, click to accept the invite, log in and go to your team's Wix Studio workspace. Finally, we have paths to sign up via our mobile apps too. Sign up via a link in the Wix mobile app or download the newly launched Wix Studio app , available on iOS and Android, and start your journey from there. After moving to Wix Studio, will I still have access to the sites I've built? Yes. Once you transition to Wix Studio, all of your sites will be available in your Sites tab, within the Wix Studio workspace. What are the Premium pricing plans for Wix Studio? Visit the Wix Studio Premium plans page for pricing and details. How can Wix Studio help my agency? Wix Studio is designed especially for agencies, and comes equipped with all the tools an agency needs to see projects, of any scale, through from end to end. The advanced, responsive Studio Editor allows both deep control and intuitive creation, so designers can adapt depending on the client, their workflow or personal preference. Tools like Responsive AI, proportional scaling and preset layouts, speed up the build process when turnaround times are tight. For complex sites, full CSS control allows you to create intricate layouts and interactions, while open APIs, SPIs and integrations give you the ability to extend any site's functionality. Cater to clients in any industry by connecting powerful Wix business solutions for eCommerce, Bookings, Events and more, no third-party tools or plugins needed. Plus, shared and reusable design assets, including templates, give you next-level efficiency on project after project. The Wix Studio workspace provides an open and collaborative environment that's ideal for agency work. Account owners have a clear view of all sites, projects and assets in one centralized place, and can stay in control over who-does-what with detailed site permissions. Multiple teammates can work on the same site at the same time, while on-canvas feedback provides a faster, more streamlined feedback loop. When it comes to client handover, you can share completed projects in a seamless, professional way— you can even add personalized resources, specific to your clients' needs, right to their dashboard. Plus, you can reinforce your agency's work and maintain connections with automated emails that notify your clients of their site's monthly analytics. Can I use Wix Studio in any country? Wix Studio is available to millions of users in over 190 countries. You can view country limitations here . If I switch to Wix Studio and then want to switch back, can I? Yes. If you feel that Wix Studio is not for you, you can leave Wix Studio and switch to the regular Wix experience. When you leave, some Wix Studio features will no longer be available. For Wix Partners, this decision also means leaving the Partner Program altogether and losing access to exclusive benefits, features and points. Learn more about leaving Wix Studio . Learn more about switching to Wix Studio . Using Wix Studio Click a question below to learn more about using Wix Studio. Where can I learn how to use Wix Studio? You can learn how to use Wix Studio through our dedicated educational hub, Wix Studio Academy. There you'll find the Essentials course to get you fully up to speed with the platform and its capabilities, as well as standalone how-to tutorials. Additionally, our experts will host a series of ongoing educational events and webinars, covering everything from design to development. From your new workspace, you'll find sandboxes to experiment with features like responsive design, and in the Studio Editor there are tooltips and videos to guide you along the way. Go to the Wix Studio Academy . Do I need to be a designer or a developer to learn Wix Studio? Wix Studio is for all professionals, including designers, developers and marketers, from large-scale agencies to enterprises. While design and development knowledge will benefit Wix Studio users, the platform's intuitive visual drag-and-drop canvas and out-of-the-box solutions mean a shorter learning curve. What is responsive design on Wix Studio? With the Wix Studio Editor, you can use AI to make site pages and sections instantly responsive—in just a couple of clicks. You can create custom breakpoints, use modular flex layouts and take advantage of out-of-the-box responsive behaviors, like scale proportionally, to build smarter and more efficiently than ever before. For those who want it, deep CSS control allows you to create high-end websites with complex layouts and interactions. How does collaboration work in Wix Studio? Wix Studio offers a collaborative environment designed to support your entire workflow. In the Studio Editor, you and your teammates can work side-by-side and get instant feedback, from colleagues or clients, with on-canvas comments. In the new workspace, you can efficiently manage multiple teams, projects and assets from one centralized place. You can also switch between workspaces, so you don't need to create additional accounts to work on different teams. Experience seamless collaboration with your clients too—take granular control over who does what with roles and permissions, get their feedback on your work in progress and add a personalized selection of resources to their dashboard. What are reusable assets? Reusable assets are assets you create that you can use, reuse and share. This includes sections, custom templates and widgets. If I experience a bug, what should I do? If you experience a bug, we're here to assist you promptly. Reach out to a Wix Studio Customer Care expert by starting a live chat or requesting a callback. Additionally, Wix Studio features a dedicated tab where you can view your team's entire Customer Care ticket log. This allows you to track previous interactions and issues raised by anyone in your workspace to Wix Customer Care, providing a comprehensive overview of their statuses and resolutions. Learn more about viewing your Customer Care ticket log . Does Wix Studio have ready-made templates? Wix Studio has several designer-made responsive website templates , covering a broad range of industries and design styles that you can also use to create sites without needing to start from scratch. There are also some ready-made wireframes for you to choose from and add your own style. Does Wix Studio have a mobile app for business management, like the Wix app? Yes, we're excited to launch a new mobile app for Wix Studio , designed to help you stay in control while on the move. You’ll be able to manage your agency’s site, projects and clients, and access the Marketplace where you can view and manage leads, reply to contacts and get paid. You can also easily manage your clients' sites, reach out to customer support and get updates on your tickets' status. Plus, you can view and switch between workspaces in your account, so you can stay on top of every project on your plate. You'll have all the capabilities of the Wix app—and more. If you prefer, you can use the Wix app to manage your Wix Studio sites. You can easily switch between workspaces and your Site List will change depending on which workspace you're in. However, for an enhanced user experience with more specific features for Wix Studio users, we recommend you use the new Wix Studio app . If I have more questions about Wix Studio, who can I reach out to? There are many ways to reach out and get advice, whether it's from like-minded professionals or Customer Care experts. Visit the Wix Studio Forum , a dedicated hub for getting answers, finding solutions and asking for feedback among your peers. Join the Wix Partner Community and Wix Studio Discord to reach out with your questions. We've also created a bank of Wix Studio help articles to answer the most anticipated questions. Will you be offering special prices on Premium plans for agencies? We created Wix Studio Premium plans with Partner feedback in mind. Log out of your Wix account to view the plans here . Read our full article to learn more about Wix Studio . This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Using the Wix Harmony Editor Structuring your site Wix Harmony Editor: Adding and Managing Menus Menus make it easy for visitors to explore your site and discover what you offer. Choose the pages, and links that matter most to you. You decide how your menu looks and works, so navigation always feels natural — no matter what device your visitors are using. Adding a menu Menus help visitors move between pages on your site. In the Menu category of the Add Elements panel, the Horizontal, Vertical and Hamburger options all add a site menu that is connected to your site pages (i.e. new pages automatically appear on this menu). You can also add a separate custom menu for specific areas and choose whether it appears as a horizontal, vertical or hamburger menu. For example, create a custom menu for your site's footer or for a specific page that needs its own navigation. To add a menu: Go to your editor . Click + Add at the top left of the editor. Select the Menu category. Tip: Click the Arrow icon next to the categories to browse through the list. Depending on the type of menu you want to add, follow the steps below: Site menu A site menu is connected to your site's pages and updates automatically when you add a new page. You can hide pages that should not appear in the site menu and add your own links. Choose the menu type you want and drag it onto your page - Horizontal menu , Vertical menu or Hamburger menu . Click the new site menu. Click Manage Menu on the action bar. Set up your menu: Click + Add Item to add more site pages or links. Click the More Actions icon next to a menu item to rename or remove it. Hold and drag menu items to reorder the list. Tip: Learn more about adding and managing menu items . Custom menu A custom menu is separate from your site's main menu. You choose exactly which items appear on this menu, and it does not get updated when you add new site pages. You can display a custom menu as a horizontal, vertical or hamburger menu. Click Create a custom menu to add it to the page. (Optional) Switch your menu's layout: Click the new custom menu. Click Change Format on the action bar to set your menu's layout. Choose the relevant option under Menu : Menu bar: Menu items are displayed in a navigation bar. Under Orientation , choose whether the bar is horizontal or vertical. Tip: For horizontal menus, you can also choose the Item behavior when there isn’t enough room for the items on your visitor's screen — either let the menu expand ( Fit to text ) or add a button to scroll through the extra items ( Fit to scroll ). Hamburger : Visitors see an icon that they click to open the menu. This is a great option for clean, minimalistic layouts. Did you know? If you add a menu bar to your header, it automatically becomes a hamburger menu on mobile . This keeps the navigation on your site clean and tidy on smaller screens. Adding and managing menu items Once you've added the menu, choose the items you want to display. Select regular site pages, collections of app and CMS pages, or specific pages within a collection. You can also add dropdown containers and links to truly tailor the experience for your client's needs. You can always adjust an existing menu and the items it shows. Add more items, remove ones that are irrelevant, or change the order to keep the content fresh. To manage a menu: Go to your editor . Click the menu. Click Manage Menu . Choose what to do next: Add more menu items Click + Add Item at the bottom and select the item you want to add: Site pages or Link or anchor . Site pages: Add pages you want to show on the menu. Select the checkbox next to the relevant page and click Add to Menu . The panel lists regular site pages and pages from Wix apps installed on the site (e.g. a Wix Stores product page). Link or anchor: Add relevant links to the menu, like external websites, documents or ways to contact you directly. You can also link to sections and popups across your site. Change a menu item's link You can always adjust links that you've previously added to the menu. Hover over the relevant link and click the More Actions icon . Click Change link . Change the link type and / or its details. Click Done . Rename a menu item Hover over the relevant item and click the More Actions icon . Click Rename . Enter the new name. Press the Enter key on your keyboard to save your changes. Remove an item from the menu Hover over the relevant item and click the More Actions icon . Click Remove from menu . Notes: This does not delete a page from the site - it only removes the page from the menu. If you delete a dropdown, any pages you have added to it are removed from the menu. However, you can always re-add them to the menu. Reorder menu items Hold the Reorder icon next to an item and drag it to the desired position. Adding dropdowns to your menu Use dropdowns to group related pages under a single menu item and keep your navigation easy to scan. Choose a parent item, whether it's a page or a link, and nest other pages beneath it to create the dropdown. To add and set up a dropdown: Go to your editor . Click the menu. Click Manage Menu . Decide which menu item should be the dropdown title. Move the first menu item to the dropdown: Drag the relevant menu item below the dropdown title. Hover over the item you dragged and click the More Actions icon . Select Move under "Page Name" . Repeat step 5 for all other items you want to move to the dropdown. Drag with your mouse instead: Want a quicker way to turn pages into dropdown items? Drag a page up or down, then slightly to the right until it "tucks" under another page. The GIF below shows how it should look. Changing the menu's layout A clear menu layout helps visitors quickly see where to go next. Choose a menu bar when you want all your items visible in a line or column, with extra control over what happens when a horizontal menu runs out of space. If you prefer a compact icon to open your navigation, choose a hamburger menu – ideal for clean, minimal layouts or when space is limited. To change the menu's layout: Go to your editor . Click the menu. Click Change Format on the action bar. Choose the relevant option under Menu : Menu bar: Menu items are displayed in a navigation bar. Under Orientation , choose whether the bar is horizontal or vertical. Tip: For horizontal menus, you can also choose the Item behavior when there isn’t enough room for the items on your visitor's screen — either let the menu expand ( Fit to text ) or add a button to scroll through the extra items ( Fit to scroll ). Hamburger : Visitors see an icon that they click to open the menu. This is a great option for clean, minimalistic layouts. Designing vertical and horizontal menus Make your menus stand out by customizing every detail, from colors and borders to text, corners, and layout. Whether your menu is horizontal or vertical, you can control how the menu bar and its items look, design dropdowns, and adjust spacing so everything feels just right for your visitors. Designing a hamburger menu? Read our article about hamburger menus to learn more. You can design every bit, from the button to the container. To design a vertical or horizontal menu: Go to your editor . Click the menu. Click the All design options icon on the action bar. Select the relevant part of the menu under Select a part : Menu bar and menu items Design the menu bar itself, as well as the items on the menu, using the available options: Fill colors : Change the color of your menu, choosing one of your brand colors or a custom color. Borders : Define the borders of your menu so it stands out, choosing a color, width and style. Click the Edit individual borders icon to design each side of the border. Corners : Make the corners of your menu more square or round by dragging the slider under Radius . Click the Edit individual corners icon to design each corner separately. Shadow : Apply inner and outer shadow to give the menu an interesting 3D effect, setting the position, blurriness, color and more. Spacing : Add breathing room to your content – add padding and adjust the spacing between items items. Layout : Decide whether or not to apply the site direction (left-to-right or right-to-left) to this menu. For vertical menus, you can also choose the menu items' width and whether dropdowns appear as open or closed. Note: The available options vary based on what you chose to design – the menu bar itself or the menu items. Item's text Design the text on the menu items by changing the font, color, formatting, alignment, character spacing and more. Dropdowns and dropdown items Design the dropdowns on your menu using the available options: Fill colors : Change the color of your dropdown, choosing one of your brand colors or a custom color. Borders : Define the borders of your dropdown so it stands out, choosing a color, width and style. Click the Edit individual borders icon to design each side of the border. Text : Design the dropdown menu items by changing the font, color, formatting, alignment, character spacing and more. Corners : Make the corners of your dropdown more square or round by dragging the slider under Radius . Click the Edit individual corners icon to design each corner separately. Shadow : Apply inner and outer shadow to give the dropdown an interesting 3D effect, setting the position, blurriness, color and more. Spacing : Add breathing room to your content by adding padding and adjusting the space above the dropdown and between the items. Layout : Choose the alignment, width and position of the dropdown and its items. Decide how many columns the dropdown should show. Note: The available options vary based on what you chose to design – the dropdown itself or the dropdown items. Design the menu items' hover state: Make the menu engaging and interactive by making changes to its appearance when visitors hover over. Click the Hover design icon on the action bar to choose a ready-made effect. Alternatively, customize the hover state from scratch by selecting Menu items or Item's text in the Design panel. Working with menus on mobile When viewing your site on a phone , your header transforms to create a smooth, clutter-free experience. Elements on your desktop header (e.g. navigation links, social icons) move into a compact hamburger menu , leaving just the essentials at the top. You can move elements inside the mobile menu or take them out as needed. To adjust the header menu on mobile: Go to your editor . Click the Mobile icon at the top right of the page. Click the hamburger menu icon. Click the Regular Mode dropdown and select Hamburger Menu . Choose what to do next: Reposition elements inside the container: Drag elements to move them around the container of the hamburger menu. Add elements to the container: Use the Add Elements panel to add more elements to the hamburger menu's container. These elements are mobile-only, which means they don't appear on desktop. Move an element back to the header: Right-click the element and select Move to Header . FAQs Click a question below to learn more. Can I resize the menu bar? Absolutely. Whether your menu bar is set to vertical or horizontal, you can always drag the side handles to resize it. If you're working with a hamburger menu, read our article to learn all about customizing it. Can I add multiple menus to the header? No. To help visitors explore your site with ease, you can only add 1 menu to your site's header. If needed, you can always add custom menus to other sections. Does removing a page from the menu delete it from my site? No. When you remove a page from the menu, it only removes it as an item from that specific menu. You can re-add the page to the menu at any time. Do I have to show all of my site pages on the menu? No, you choose the pages that should be highlighted on the menu. As you can add custom menus that are separate to the site menu, they can all show different pages and items. Tip: Pages that don't appear on the menu are still accessible through a direct link. You can adjust the page's settings to hide it from search engines and / or block access with a password. How do I change the underline that appears on my menu items when I hover over them? Currently, it is not possible to customize the design for when visitors click or hover over the menu. The underline that appears when visitors hover over menu items is part of the menu’s built-in design and cannot be changed or removed. If you need more control over your navigation design, you can recreate the menu using text or button elements and add links to each one manually. 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 Events: Creating Gift Cards Gift cards for events are a great way to attract attendees and provide flexible payment options. They can be purchased as gifts and redeemed for events, helping you boost sales and attendance. To set up gift cards, customize the details in your dashboard, including amounts and expiration. Then, design the page in your editor and publish so guests can start buying them. To create a gift card for events: Go to Events in your site's dashboard. Click Manage next to the relevant event. Click the Promotion tab. Click Go to Gift Cards under Discounts . Choose an option based on your setup: Gift Cards already installed : Click Edit Gift Card . Gift Cards not installed : Click Add Gift Card to Site . Note: The editor will open in a new browser tab with a new Gift Card page. This page is not visible to site visitors until you publish. Customize your gift card settings in your site's dashboard. Design the gift card page in your editor. What's next? Publish your site to make the gift card page available for purchases. This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Using the Wix Harmony Editor Getting started with the editor Wix Harmony Editor: The Difference between Wix Editor and Wix Harmony In January 2026, we released a new website builder – the Wix Harmony Editor. With both the Wix Harmony Editor and the Wix Editor available, you may be unsure which one you're working with, especially if you're just getting started or seeing something unfamiliar. This article explains the key differences between the editors, so you can identify which one you're using. The Wix Harmony Editor The Wix Harmony Editor features a clean, minimalistic working environment, allowing you to focus with ease. The main actions are always available at the top (e.g. Add, Brand, Pages) to help you get started. Selecting an element brings up the action bar. It sits right above the page, giving you instant access to settings and tools tailored to what you're working on. Wix Harmony also introduces Aria, your skilled AI partner, ready to help at any point. Click Ask Aria at the bottom of the editor to start chatting. Create with Wix Harmony: Experience the next generation of website creation with Wix Harmony . Flow freely between prompting your AI agent and precise drag and drop, so creating feels as natural as thinking. The Wix Editor If you're working in the Wix Editor, you'll notice a panel with large icons on the left side of the screen. These icons open the main panels, like Add Elements, Site Design, and more. Selecting an element brings up a toolbar with the main actions you need, appearing right above or below the element. The Wix Editor includes several AI tools, available from the AI Tools icon at the bottom left. As opposed to the Wix Harmony Editor, it does not include the option to chat freely with AI throughout the creation process. FAQs Click a question to learn more. Is there a way to move a site from Wix Editor to the Wix Harmony Editor? Currently, it is not possible to migrate an existing site from Wix Editor to the Wix Harmony Editor. Does the Wix Harmony Editor support the same apps and features as the Wix Editor? The Wix Harmony Editor includes most of the elements and apps that you know from the Wix Editor. You'll also find a wide range of fresh designs that were curated especially for Wix Harmony, along with the option to generate your own elements with AI. We're currently working on adding: Wix apps: CMS Wix Donations Wix Hotels Wix Music Wix Multilingual Wix Referral Programs Elements and effects: Accordion Audio player Hover state customization (when designing elements) Glass effect Tabs Text mask Will my site visitors notice a difference depending on which editor I use? No, your site visitors won’t know which editor you used – what they see depends entirely on the design choices you make. Both editors let you create unique, professional sites. Having said that, Wix Harmony does give you access to new site, section, and element designs, so if you use these, your site might stand out with a fresher look. 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: Building a Site with a Template Whether you bring a clear design concept to the table or are looking for inspiration, Wix Studio provides the tools you need to create a website that stands out for your clients. With hundreds of templates, carefully curated by our in-house design team, you can hit the ground running quicker than ever. Save your own templates for future projects to maintain consistency and speed up workflows. Not sure where to start? Let AI generate a complete sitemap and wireframes to bring your ideas to life effortlessly. Building a site with a pre-designed template Pre-designed templates in Wix Studio offer customizable design foundations with sample content, color themes and business features already built in. These templates are made to streamline your workflow, helping you create polished, professional-grade sites quickly and efficiently for clients. Our templates are organized into categories by website type, industry, business features and style. Each category reflects the latest design trends, layouts and functionality - so you can deliver tailored solutions that meet your clients' needs. To get started, go to the Wix Studio templates page . You can find templates by scrolling the page, using the search bar or clicking Browse By to pick a category. Hover over a template to get a preview or start editing it. Browse our collection of Studio templates in the Wix Marketplace , built by Wix Partners. Building a site with a blank template A blank template provides a clean slate for those who prefer to design their site from scratch. This option is ideal for when you have a clear vision and want complete creative control. You can choose from an entirely blank template, or select one of the blank templates with a guiding layout already in place. Hover over a template and click View to see what the template includes before choosing it for your site. To get started, go to the Wix Studio templates page , hover over Blank Canvas and click Edit . Using custom templates Transform sites you've designed into reusable custom templates , eliminating the need to start from scratch with each site. This powerful tool allows you to focus on delivering exceptional results while saving precious time. Start by creating a custom template based on an existing site in your workspace or from a blank canvas. Customize the layout, design and apps to align with your vision. Then, save it as a template. For future projects, just choose the template you want to start with and then customize it based on each clients' requirements. Generating a sitemap and wireframes with AI Accelerate site planning using our AI-powered visual sitemap tool. Tell us about your client's business and goals and we’ll generate a visual sitemap with wireframes that you can edit and design to your liking. The content, pages and business solutions that you see in the visual sitemap are tailored to the brief—the more details you share, the more precise the results. FAQs Click a question below to learn more about building a site with a template: I can't find a template that fits my client's business. What can I do? Another way you can look for a template is by browsing for a design you like. Since each template is fully customizable, it’s okay if the content isn’t an exact match for your client's business. Think about the look and feel you want for your client's site (e.g. bold, simple, elegant, playful) and then browse our templates to find one that fits the style you had in mind. When clicking Browse by , you'll find the Style filters (dark, minimal, illustrative, typography) to help you find a template that works for your vision. Does the template I choose look the same on mobile as it does on desktop? Our templates are automatically optimized for mobile viewing, and every element comes with a built-in responsive behavior. Some elements might be positioned slightly differently, to fit the smaller screen. Once in the editor, you can customize the design for different breakpoints as you wish. 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: Setting Up Shipping Using the Wix App Manage your store's shipping, right from your mobile phone. You can set up different shipping rules for different regions. For example, you can offer local delivery to customers in a 3-mile radius from your business, free shipping to customers in your country, and a flat shipping rate to customers around the world. Note Customers from regions with no shipping rule cannot make purchases from your store. For more in-depth information, read our guide to setting up shipping, delivery, and pickup . Adding and managing shipping regions Before a customer can purchase items from your store, there has to be a shipping, delivery, or pickup rule that covers their region. New stores come with 2 shipping rules already set up - a free shipping rule for your region and a free international shipping rule for the rest of the world. You can edit these rules or delete them and create rules from scratch. Tip: A region can be part of a country (e.g. California), a country (e.g. US), multiple countries (e.g. US and Canada), or the rest of the world (any country not covered by another region you set up). To add and manage regions: Go to your site in the Wix app. Tap Manage at the bottom. Tap Sales . Tap Orders . Tap the Settings icon . Select Set shipping . Choose what you want to do: Add a new shipping region Tap + New Region . Enter a region name. Tip: Only you see this name. Tap + Add Destination . Tap the destination(s) you want to add to this shipping rule. (Optional) Select specific regions inside this destination: Tap the country you added. Deselect any states / provinces you don't want to ship to. Tap Save . Tap Save . Edit or delete and existing shipping region Tap the More Actions icon next to a region. Select an option: Edit: Make changes to a region: Add a country: Click + Add Destination Remove a country: Tap the X or the More Actions icon and select Remove . Select region(s) in the country (e.g. one or more states, provinces etc.): Tap the More Actions icon next to a region Select Edit . Deselect the checkboxes next to the relevant states. Tap Save . Deactivate: Make the region temporarily unavailable for shipping. Delete: Permanently remove a region. Setting up shipping in a region By default, every shipping region is set for free shipping. You can leave this as is or select a shipping rule that works for your store. To set up shipping: Go to your site in the Wix app. Tap Manage at the bottom. Tap Sales . Tap Orders . Tap the Settings icon . Select Set shipping . Tap the region you want to set up. Choose the type of shipping rule you want to set up: Free shipping Free shipping is the default shipping rule. Just tap Save to save this rule. Flat rate shipping To simplify shipping, you can set a flat rate for all your orders (e.g. shipping for all orders is $8). To set up flat rate shipping: Tap the existing shipping rule. Tap the Shipping method drop-down and select Flat Rate . Tap Next . Create a delivery option (e.g. Standard Shipping, Express Shipping): Enter a title in the Delivery Option Name field. Note: Customers see this name at checkout. (Optional) Enter a time in the Est. Delivery Time field. Enter the shipping fee in the Rate field. (Optional) To offer free shipping on orders above a specific price: Select the Offer free Shipping when... checkbox. Enter the price above which shipping is free and tap Done . Note: If you create additional shipping services (e.g. priority shipping), this checkbox must be selected and the amount specified to apply to each service. Tap Save . (Optional) Create an additional option (e.g. Express Shipping) by tapping +Add Shipping Option and follow the instructions above. (Optional) Add a handling fee: Select the Add a handling fee to every order checkbox. Enter the fee amount. Tap Save . Tap Save . Tap Save again. Rate by weight shipping Setting your shipping rate by weight is ideal for stores that sell items that cost very different rates to ship because of their weight (e.g. a store that sells jewelry and winter coats). To set it up, create 2 or more weight categories and set a shipping price for each. For example, shipping can cost $5 for orders under 1 pound, $10 shipping for orders between 1 - 3 pounds, and $15 shipping for orders that weigh over 3 pounds. To set up shipping rates by weight. Tap the existing shipping rule. Tap the Shipping method drop-down and select Rate by Weight . Tap Next . Create a delivery option (e.g. Standard Shipping, Express Shipping): Enter a title in the Delivery Option Name field. Note: Customers see this name at checkout. (Optional) Enter a time in the Est. Delivery Time field. Enter the top limit of the first weight range (e.g. enter 1 lb. to create a rule for purchases from 0 - 1 lb). Note: The top limit of the first weight range is automatically set as the bottom limit of the second weight range. Enter the rate (shipping price) for the first weight range (e.g. $5). Create the second weight range: (e.g. 1 lb- 2 lb) and add the shipping rate (e.g. $10): Tap + Add Range to enter the new range or If this your last weight range (e.g. 2 lb and up), just enter the shipping rate. (Optional) Tap Add Range to add any additional ranges. (Optional) Offer free shipping on orders above a specific price: Select the Offer free Shipping when... checkbox. Enter the price above which shipping is free and tap Done . Note: If you create additional shipping services (e.g. priority shipping), this checkbox must be selected and the amount specified to apply to each service. Tap Save . (Optional) Create an additional option (e.g. Express Shipping) by tapping +Add Shipping Option and follow the instructions above. (Optional) Add a handling fee: Select the Add a handling fee to every order checkbox. Enter the fee amount. Tap Save . Tap Save . Tap Save again. Rate by order price shipping You can set your shipping fees so that the price of the order determines how much customers pay for shipping. For example, you can charge $10 for shipping for orders between $0 - $100. Then, you can charge less or more for shipping, when the order is for $100 and over. To set up shipping rates by price: Tap the existing shipping rule. Tap the Shipping method drop-down and select Rate by Order Price . Tap Next . Create a delivery option (e.g. Standard Shipping, Express Shipping) Enter a title in the Delivery Option Name field. Note: Customers see this name at checkout. (Optional) Enter a time in the Est. Delivery Time field. Create the first price range: (e.g. $0 - $15) and add the shipping rate (e.g. $4). Create the second price range: (e.g. $15 - $30) and add the shipping rate (e.g. $8): If this is your last price range (e.g. $15 and up), just enter the shipping rate. If you plan to add more price ranges, tap + Add Range to enter the new range and shipping rate. (Optional) To offer free shipping on orders above a specific price: Tap to enable the Offer free Shipping toggle. Enter the price above which shipping is free and tap Done . Note: If you create additional shipping services (e.g. priority shipping), this checkbox must be selected and the amount specified to apply to each service. Tap Save . (Optional) Create an additional delivery option (e.g. Express Shipping) by tapping + Add Shipping Option and following the instructions above. (Optional) Add a handling fee: Tap Add next to Handling Fee . Enter the fee amount. Tap Save . Tap Save . Tap Save again. Setting up local delivery in a region Offer a hand-delivery option to customers who are located near your business location(s). Note: To set up scheduled delivery (where your customer can select the delivery time), go to desktop. To set up local delivery: Go to your site in the Wix app. Tap Manage at the bottom. Tap Sales . Tap Orders . Tap the Settings icon . Select Set shipping . Select the region you want to set up. Tap + Add Local Delivery . Enter an area name (e.g. Delivery to Bronx). Select how you want to define the delivery area: Radius: (Optional) edit your business address. Tip: This address is the center of the radius you set. Enter the radius (e.g. 3 miles). Postal code: Tap + Add ZIP/Postal Codes . Select any of the following options: Enter one or more complete postal codes and press Next after each one. Enter a partial postal code with an asterisk to encompass a larger area and press Next after each one. Learn more about setting an area by postal code Tap Add at the top right. Enter an estimated delivery time (e.g. 2 - 3 Business Days). Enter your delivery rate (e.g. $5). (Optional) Offer free delivery for orders above a set price: Select the checkbox. Enter the price that qualifies for free delivery. Tap Add . Tap Save . Setting up store pickup You can set up store pickup (curbside pickup) as the only form of delivery, or in addition to another shipping option, such as free shipping. Go to desktop to set up store pickup . 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