< Back Managing your business Building your community Wix Blog: Adding HTML Code to a Blog Post Use HTML to embed an iframe (external code or components) in a blog post or display an external site. Important: Make sure to read through the limitations of the HTML element before using it. To add HTML code to a blog post: Go to Blog in your site's dashboard. Click Edit on the relevant blog post, or Create New Post to write a new one. Click Add on the left side. Click HTML code. Do one of the following: Add HTML code: Adds features from external sites using HTML code. Click HTML Code . Enter your HTML code. Click Save . Embed an external site: Displays an external site in a window in your post. Click Website Address (URL) . Enter a URL. Click Save . (Optional) Customize the element using the options; width, height and alignment. Learn how to retrieve an HTML code from these third-party sites: SoundCloud - Embed a music track Google Maps - Embed a map Instagram - Embed a picture Vine - Embed a post Twitter - Embed a timeline Pinterest - Embed a Pinterest feature Facebook - Embed posts VK - Embed a VK feature 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 Using vouchers and promotions Credit Card Charged for Free Domain Voucher If your credit card was charged when purchasing a domain using your free domain voucher, it is possible that: You added additional years of service: The free domain voucher covers the domain registration cost for the first year only. You need to pay for additional years. You registered the domain as private: This is an additional cost. Tip: Learn more about your free domain voucher . 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: Displaying Addresses from Your Collection Items on Google Maps Display locations from your CMS (Content Management System) collection items in an interactive Google Maps element on your site. Add the locations of your items in an address field in your collection. Then connect a map on your site to a dataset that binds to your collection. Before you begin: Add the CMS (Content Management System) to your site. Adding an address field to your CMS collection Make sure the collection items you want to display on the map have a location entered in an address field. Once connected to your map, these locations show up as pins. You can connect the pins' titles, descriptions, links, link text, and pin URLs to collection fields as well. To add an address field to your collection: Go to CMS in your site's dashboard. Alternatively, you can click CMS in your Editor, then click Your Collections . Click the relevant collection. Click Manage Fields . Click + Add Field . Select Address and click Choose Field Type . Enter a name in the Field name field. (Optional for Velo only) Update the Field ID , which is used in the site's code. You cannot update this field later. (Optional) Enter Help text if you want a tooltip to appear in your collection next to the field title. (Optional) Enable the Personally Identifiable Information toggle to encrypt location data that could be considered Personally Identifiable Information . Click Save . Enter a location for each item in their address field. Make sure to manually select the correct address from the list that appears as you type. If you do not select an address from the list, Google Maps may have trouble reading and properly displaying all your addresses. Connecting your collection fields to your map Connect your Google Maps element to a dataset that binds to your collection. Then connect the address field to the map location and choose which fields to use with the rest of the connections. Once connected, you can make sure all the locations are in view by adjusting the zoom setting. You can choose from several stylized map designs and adjust the size of the map on your page. Wix Editor Go to your Editor . Go to the page or section in which you want to add a map. Click Add Elements on the left side of the Editor. Click Contact & Forms and select Maps . Click and drag the relevant Google Maps element onto your page. Click the Connect to CMS icon . Click the Choose a dataset drop-down and select an existing dataset that connects to your collection. Alternatively, click Add a Dataset , then choose the collection you want to connect, give the dataset a name and click Create . Under Connection options , use the drop-downs to connect each part of your map: Tip: Click the relevant drop-down and select + Add if you need to create and connect a new collection field. Location connects to: Select the address field you want to use for your item(s). Title connects to: Select the field to use as the title, which displays in bold text on the map. Description connects to: Select the field to use as the description, which displays under the title. Link connects to: Select a URL field if you want to add a link below the title and description. Make sure to connect the Text connects to drop-down that determines the text that will be linked, or the link will not display. Text connects to: Select a field to use as the text that will be hyperlinked to the Link connects to drop-down. Make sure to select from both drop-downs so the link displays. Pin connects to: If you want to use your own icon instead of the map's default Pin marker , select a URL field that includes the URL of your icon. We recommend using images that are less than 30 pixels in width and height. Resize your map by clicking and dragging the edges. You can also click the Stretch icon to expand it to the full width of your site. Click the Settings icon on the Google Maps element and choose from the following options: Zoom: Drag the slider to change the default zoom position of your map. Show map and satellite views: Let visitors switch between the map and satellite views. Show zoom control: Let visitors zoom in and out of your map. Show Street View control: Let visitors select the Google Street View to see the location from the ground level. Show Directions link: Let visitors click a link to view directions in Google Maps. Allow dragging: Let visitors click and drag to move around in the map. Click the Design icon to choose another preset map design. Note: The Pin Design tab does not affect your map's pin once you connect the map to a dataset. Use the Pin connects to drop-down in step 8 if you want to use a custom pin in your map. Studio Editor Go to your Editor . Go to the page or section in which you want to add a map. Click Add Elements  on the left side of the Editor. Click Contact & Forms and select Maps . Click and drag the relevant Google Maps element onto your page. Click the Connect to CMS icon . Click the Choose a dataset drop-down and select an existing dataset that connects to your collection. Alternatively, click Add a Dataset , then choose the collection you want to connect, give the dataset a name and click Create . Under Connection options , use the drop-downs to connect each part of your map: Tip: Click the relevant drop-down and select + Add if you need to create and connect a new collection field. Location connects to: Select the address field you want to use for your item(s). Title connects to: Select the field to use as the title, which displays in bold text on the map. Description connects to: Select the field to use as the description, which displays under the title. Link connects to: Select a URL field if you want to add a link below the title and description. Make sure to connect the Text connects to drop-down that determines the text that will be linked, or the link will not display. Text connects to: Select a field to use as the text that will be hyperlinked to the Link connects to drop-down. Make sure to select from both drop-downs so the link displays. Pin connects to: If you want to use your own icon instead of the map's default Pin marker , select a URL field that includes the URL of your icon. We recommend using images that are less than 30 pixels in width and height. Resize your map by clicking and dragging the edges. You can also click the More Action icon and select Stretch/Unstretch to control whether the map expands to the full width of your site. Click the Settings icon on the Google Maps element and choose from the following options: Zoom: Drag the slider to change the default zoom position of your map. Show map and satellite views: Let visitors switch between the map and satellite views. Show zoom control: Let visitors zoom in and out of your map. Show Street View control: Let visitors select the Google Street View to see the location from the ground level. Show Directions link: Let visitors click a link to view directions in Google Maps. Allow dragging: Let visitors click and drag to move around in the map. Click the Design icon to choose another preset map design. Note: The Pin Design tab does not affect your map's pin once you connect the map to a dataset. Use the Pin connects to drop-down in step 8 if you want to use a custom pin in your map. Important: If you have items in your collection that do not have locations in the address field you connected, the map will not display any collection items. You can resolve this issue by adding a filter to the dataset . Set the filter to the address field and the condition to Is not empty . As a result, the dataset only reads items that have a location and displays them in the map. FAQs Click below for answers to common questions about connecting Google Maps to your CMS. Can I show addresses that visitors submit on my map? Absolutely. You can add an address input element that visitors use to submit addresses to a collection. Then connect your map to a dataset that binds to the same collection. Make sure the dataset mode is set to Read & Write and that the collection permissions allow it to be viewed by the relevant people. Learn how to set the dataset mode and collection permissions . Can I display multiple addresses for the same collection item? It is not possible to connect multiple addresses from the same collection item to your map. You can connect only one address field to your map to display one location per collection item. If this is a feature you would like to see in the future, click here and vote . You can still display multiple addresses on your map, they just need to be for different collection items. If you've connected your map, but don't see all of your collection items' locations in it, check the following: Page type: Dynamic item pages only display one item at a time since the dataset filters to only include the page's dedicated item. Since you can connect only one field to the map's location, only one item can display in the map on dynamic item pages. Connect your map on a dynamic list page or another page type to show locations for multiple items. Zoom setting: You map could be zoomed in too close to see all the addresses you connected. Go to the map's settings and use the Zoom slider to adjust the default zoom level. Empty address fields: If items in your collection are missing locations in the connected address field, none of your items appear on the map. You can either add locations in the address field of each item, or add a filter to the dataset. Set the filter to the address field and the condition to Is not empty . As a result, the dataset only reads items that have a location and displays them in the map. What do the Manage Locations settings do? Once you connect the Google Maps element to a dataset, the Manage Locations settings do not affect the map. This setting is used to add locations manually if you do not connect the map to your CMS. The number of locations displayed depends on how many collection items the dataset can read. However, if you have items that do not have an address in the connected address field, the map will not display any of your item locations. Make sure to add locations in the address field for each item in the collection, or add a dataset filter. Set the filter to the address field and the condition to Is not empty . As a result, the dataset only reads items that have a location and displays them in the map. 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 Enterprise Solution Enterprise Solution: Managing all of Your Media Assets Directly uploading images and videos to your Wix Studio for enterprise account is a convenient solution for efficiently managing your media assets across all of your sites. Whether your goal is to share a set of images or videos across various sites or quickly distribute new media assets to all your clients, uploading media to your Wix Studio for enterprise account can save you time and ensure consistency across your sites. When you upload your files, you can choose a category to add them to or add a new one to keep your files organized, e.g. sales, holidays, social media. Once you've uploaded a batch, you can notify your clients of the new media available for them to use. You and your clients can filter the media files by the categories you've created. Learn more about Wix Studio for enterprise or contact our sales team . Uploading your media files Upload images and videos directly to your Wix Studio for enterprise account to use across all of your sites. Choose a category for your media files, or add a new one, to keep your media assets organized and labeled. You can then filter your media assets by the categories you've created. Once you've uploaded a batch and want to share the news, click Notify Clients to notify your clients of the new media available for them to use in their sites. Your clients can also filter their media by the categories you've created. Tip: Learn more about supported file types and sizes for videos and images . To upload your media: Go to Media in your enterprise dashboard. Click + Upload Files at the top right. Click Upload Files to select the files you want to upload. (Optional) Choose a category for your files, or click + Add New Category to add a new one. Click Upload . Managing categories for media files Effortlessly manage your media file categories to maintain a well-organized digital library. By assigning files to specific categories or creating new ones, you can ensure easy navigation and quick access to your media assets. Enjoy full control by editing, deleting, or rearranging categories with easy hover and drag-and-drop actions. You can always add or remove categories to your media files. To manage categories: Go to Media in your enterprise dashboard. Click Manage Categories . Click + Add New Category to add a new category for media files. Enter a category name and click the checkmark icon to save it. Tip: Hover over a category to edit or delete it. You can also drag and drop categories to rearrange their order. Archiving media files When you're no longer using specific media files, but you still want to retain them for future use, archiving them is a great way to keep your library organized and reduce clutter. Note: You cannot delete media from the enterprise Media Manager, you can only delete media at a site level. Learn more about deleting media files from your media storage . To archive files: Go to Media in your enterprise dashboard. Select the files you want to archive. Click Archive . Tip: To view your archived files, click the Archived tab. To unarchive files and have them available for use again, select the archived files and click Unarchive . 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 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