< Back Managing your business Building your community Site Members: Deleting Your Members Area Want to remove the Members Area from your site? You can do it in a few quick steps directly from your editor. Deleting this area removes all member pages, including the default ones that were added automatically (e.g. My Account, My Orders) and any pages you've created on your own. Before you delete: Deleting our Members Area may affect other installed applications. Deleting your Members Area Wix Editor Click Pages & Menu on the left side of the editor. Hover over Members Area and click the Actions icon . Click Delete Member's Area . Click Delete to confirm. Studio Editor Click Pages on the left side of the editor. Hover over Members Area and click the More Actions icon . Click Delete Member's Area . Click Delete to confirm. Wix Harmony Editor Go to your editor . Click + Add at the top left of the editor. Click the Arrow icon to navigate to the Apps category. Click Manage Apps at the bottom. Click Wix Members Area . Click Delete app . FAQs Take a look at the most frequently asked questions about deleting the Member's Area, or specific elements related to the app. Click a question below to see the answer: What happens if I only delete the existing member pages? This doesn't delete the application itself. Meaning, the Member's Area app stays installed on your site. What happens if I delete the login bar element? This doesn't delete the application itself. Meaning, the Member's Area app stays installed on your site. What happens to my members after deleting Member's Area? You can still view, add and manage your members in your site dashboard, from the Site Members tab. This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Studio, Partners & Enterprise Wix Studio Studio Editor: Adding and Customizing Shape Dividers Add shape dividers to create an interesting and stylish transition between sections. Instead of using clear-cut lines to divide content, choose a shape (e.g. Ellipse, Waves) or upload your own. These dividers can go at the top and bottom of a section, and you can customize their design as needed. Adding a shape divider Get started by adding a shape divider to the relevant section. You can add a divider to the top or bottom of the section, or both. There are a range of shapes you can choose from, as well as additional designs in the Media Manager. You can also upload your own SVG file to give this transition a personal touch. Uploading your own file? See the FAQs section below for guidelines on file size and proportions. To add a shape divider to your section: Go to your editor . Select the relevant section. Click the Shape Dividers icon . Click the Top or Bottom tab to choose where to add the divider. Select a divider to add: Suggested designs: Click one of the styles available in the panel. Additional designs offered by Wix: Click + More Shapes . (In the Media Manager) Select a design from the Media from Wix tab. Click Choose File to apply it. Your own shape divider: Click + More Shapes . (In the Media Manager) Select the shape the Site Files tab, or upload a new one. Click Choose File to apply it. Tip: After selecting a shape from the Media Manager, it appears as More shapes in the Shape Dividers panel for the specific section. If you ever want to pick another shape from the Media Manager, click the Change icon above More shapes . Designing a preset shape divider After choosing one of our shape dividers, design it to your liking. Adjust the height, color, opacity and layers to personalize the transition and make it look exactly how you want. Note: The available options depend on the shape divider you choose. To customize the design of a preset shape divider: Go to your editor . Select the relevant section. Click the Shape Dividers icon . Click the Top or Bottom tab to access the divider you want to design. Click Customize Design at the bottom. Choose how you want to adjust the look of the shape divider: Opacity & color: Choose the color you want for the divider, and make it more or less visible on the section. Height: Set how high or low you want the divider to go on the section. Horizontal offset: Re-position the shape divider, moving it to the left or right. Layer effect: Enable the toggle to add a fade effect to the divider, then select a direction from the drop-down: Centered: The effect is visible on the entire divider. Fade to top: The effect lessens towards the top of the divider. Fade to bottom: The effect lessens towards the bottom of the divider. Invert: Invert the shape of the divider (vertically). Flip: Set the divider to display the opposite way on the section. Number of repeats: Set how many times the pattern repeats across the divider. Designing a custom shape divider When you upload your own shape divider, you can use a variety of options to further personalize it. Adjust settings like the divider's color, visibility and scale to create a unique structure and design on your page. Note: The available options depend on the specific file you upload. See the FAQs section below for more details. To customize the design of your own shape divider: Go to your editor . Select the relevant section. Click the Shape Dividers icon . Click the Top or Bottom tab to access the divider you want to design. Click Customize Design at the bottom. Choose how you want to adjust the look of your shape divider: Opacity & color: Choose whatever color you want for your divider, and make it more or less visible on the section. How's the divider scaled?: Select whether you want the divider pattern to stretch across the section or repeat. Height: Set how high or low you want the highest point of the divider to be on your section. Horizontal offset: Set the divider's offset from the sides of the section. Flip: Set the divider to display the opposite way (horizontally) on your section. FAQs Click a question below to learn more about shape dividers. Are shape dividers responsive? Some shape divider designs are fully responsive, which means they adjust to the size of your visitors' screens. More complex designs (such as 'New York Skyline' and 'Bottom of the Sea') cannot stretch without losing their proportions, so they're automatically scaled / cropped for the screen size. What kind of custom shape dividers can I upload? It is only possible to upload and use SVG files as shape dividers on your site. PNG and JPG files are not supported. When uploading your SVG, keep the following in mind: SVG files you upload must be no larger than 250KB. The recommended proportion size for your own SVG files is a width of 1920px, and a height between 50-300px. Can I customize the design of my own uploads? Yes. The available design options for your custom divider depend on the specific file you upload. In order to customize the design of your SVG, the file needs to: Be a closed shape. Be completely black (RGB = #000000). Only contain one level of opacity (transparency). Not contain any text, strokes, gradients, filters etc. How do I remove a shape divider from a section? Go to your editor . Select the relevant section. Click the Shape Dividers icon . Click the Top or Bottom tab to access the divider you want to remove. Click None . 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: Customizing Product Galleries Product galleries are a great way to showcase the products you offer. You can add a gallery to any site page and then decide what to display: All your products or one specific category. Choose between a grid gallery (a gallery with multiple rows) or a slider gallery that customers can scroll through. Customizing a Grid Gallery Customize grid galleries to get the right look and feel for your store. To customize a Grid Gallery: Go to the page in your editor containing the gallery you want to customize. Click the grid gallery. Click Settings or the Settings icon . Choose which settings you want to customize: Choose which products are shown Click the Category tab to choose the product category you want to display. Tip: By default, every gallery displays the 'All Products' category. Choose what elements you want to display Click the Display tab and then select or deselect checkboxes to show or hide gallery elements such as filters, ribbons, or product options. Tip: When you display product options, only 2 are shown. For example, if your product has color, size, and shape options, only the first 2 you created are displayed. Tip: After clicking the 'Add to Cart' button (if enabled), customers can be directed to either a Quick View window or an expandable drawer where they can make all the necessary selections. Learn more about customizing the 'Add to Cart' button behavior . Select your settings Click the Settings tab and customize the available options. Product options: Select which product options are displayed. Tip: This is relevant if you enabled product options and if some products have multiple options, such as color, size, and shape. Scroll behavior: Select what happens when customers scroll to the bottom of the page. Learn more Enable the Sticky sidebar toggle to keep filters visible while scrolling. If enabled, customize the sidebar's distance from the top. Product image effects : Set what happens when a customer moves their mouse over a product. Customize the layout Click the Layout tab and customize the gallery using the following options: Tip: The options vary according to the elements you enabled. General: Click the toggle to stretch the gallery across the browser. If enabled, set margin size (relevant only for the Wix Editor - not the Studio or Harmony editors). Note: If enabled, selecting Responsive under Grid behavior is recommended. Product grid: Tip: With the Fixed grid behavior setting, the settings stay the same no matter your visitor's screen size. With Responsive, the number of rows and columns adjust to the screen size, but this setting only works when the gallery is stretched to full width. Product images: Select how the images are displayed. Learn more about displaying images Add to Cart button: Choose where the button is placed. Note: If the button is placed on the image, the Quick View button won't be displayed. Quick Add drawer: Align and customize the spacing of the quick add drawer . Product info: Choose a product card layout option and customize it. Product options: Click the toggles to display only color options or limit the color options and select how text choices are displayed. Quantity: Set the width of the product quantity selector. Ribbons: Select where the ribbon appears and adjust padding. Customize the design Click the Design tab and customize the gallery using the following options: Tip: The options vary according to the elements you enabled. General: Select the background that appears behind the product cards. Filters & sorting: If you enabled filters or sorting, customize the background and text. Product cards: Add a card background, border, and customize the image corner radius. Product info: Customize the gallery text. Product options: Customize how color and text product options are displayed. Quantity: Customize the design of the product quantity selector. Ribbons: Select a ribbon shape, color, and font. Name & price divider: Customize the divider line between the product name and price. Quick View button: If Quick View is enabled, design the button. Tip: To customize the Quick View itself, go to the Quick View tab. Add to Cart Button: Select a design for each view - default, hover, and disabled (i.e. out of stock). Quick Add drawer: Customize the design of the quick add drawer . Load More/Previous buttons or Pagination: Customize the 'Load More Button' or 'Pagination' design. Customize the text Click the Text tab and customize any of the text that appears in your grid gallery. Customize the 'Add to Cart' button behavior If not already enabled, click Show Add to Cart to display the button in your gallery. Next, choose how customers select options such as a product size or color. Learn more about the 'Add to Cart' button behavior in a gallery . Finally, choose where customers are directed after clicking the button: Show success pop-up: A pop-up notification appears. Open side cart: Side cart opens on the side of the screen. Go to cart page: Customers are taken directly to the cart page. Stay on current page: Customers stay on the same page. The button displays a checkmark to indicate that the product was successfully added. Add filters Click the Filters tab to enable and customize filters. Enable filters to help customers find the products they're looking for. Learn how to add and set up Product Gallery filters Add sorting Click the Sorting tab to enable and customize filters. Let customers sort your products by price, name, or by how new they are. Learn how to add and set up sorting options . Enable and customize 'Quick View' Quick View allows customers to view product details in a pop-up without leaving your shop page. Notes: If you placed the 'Add to Cart' button on the image, the Quick View button won't be displayed. To view the Quick View button in action, preview your site or view your live site. To enable or disable Quick View: Click the Display tab. Select or deselect the checkbox next to Quick View button . Next steps: To customize the Quick View button, go to the Design tab. Learn more about customize the quick view in a product gallery . Customizing a Slider Gallery Customize your slider product gallery to get the perfect look. You can personalize the gallery's text and design, choose what elements to display (e.g. an 'Add to Cart' button), and more. Tip: You can turn your slider gallery into a: Best sellers gallery: The best sellers gallery automatically showcases your most popular products. Related products gallery: Placed in the Product pag, Cart page, or Thank You page, a related products gallery automatically shows customers products similar to the ones they're viewing. To customize a slider gallery: Go to the page in your editor containing the gallery you want to customize. Click the slider product gallery. Click Settings or the Settings icon . Choose what you want to do: Choose which products are shown You can use this gallery in 3 ways: Display selected products: Display a specific category, or your 'All Products' category. For example, if you want to display your new arrivals, create a 'New Arrivals' category and put all your new products in it. Then, select that category from the drop-down. Automatically display your best-selling products: Choose this option to automatically display your best-selling items. Note that if you haven't yet had enough sales to calculate which products are best-sellers, related products or your All Products category is displayed. Display related products: Display products customers are interested in, based on what they're viewing. You can select the kind of related gallery you want to display. From similar categories: Works best when added to the product page, cart or thank you page. Frequently bought together: Works best when added to the product page. Frequently viewed together: Works best when added to the product page. Choose what elements to display Click the Display tab and then select or deselect checkboxes to show or hide gallery elements. Tip: When you display product options, only 2 are shown. For example, if your product has color, size, and shape options, only the first 2 you created are displayed. Tip: After clicking the 'Add to Cart' button (if enabled), customers can be directed to either a Quick View window or an expandable drawer where they can make all the necessary selections. Learn more about customizing the 'Add to Cart' button behavior . Customize the settings Click the Settings tab and customize the following options: Product options: Select which product options are displayed. Tip: This is relevant if you enabled product options and if some products have multiple options, such as color, size, and shape. Slider behavior: Enable the infinite loop to let customers keep scrolling through products. Product image effects : Set what happens when a customer moves their mouse over a product. Customize the layout Click the Layout tab and customize the gallery using the following options: General: Click the toggle to stretch the gallery across the browser. If enabled, set margin size (relevant only for the Wix Editor - not the Studio or Harmony editors). Note: If enabled, selecting Responsive under Grid behavior is recommended. Gallery title: Edit the title alignment Product grid: Tip: With the fixed grid behavior setting, the settings stay the same no matter your visitor's screen size. With Responsive, the number of columns adjust to the screen size, but this setting only works when the gallery is stretched to full width. Product images: Select how the images are displayed. Learn more about displaying images Add to Cart button: Choose where the button is placed. Note: If the button is placed on the image, the Quick View button won't be displayed. Quick Add drawer: Align and customize the spacing of the quick add drawer . Product info: Select a layout and alignment for the product info. Product options: Click the toggles to display only color options or limit the color options and select how text choices are displayed. Quantity: Set the width of the product quantity selector. Ribbons: Select where the ribbon appears and adjust padding. Navigation arrows: Customize the placement of the arrows. Pagination dots: Select an alignment option and customize the distance from the gallery. Customize the design Click the Design tab and customize the gallery using the following options: Tip: The options vary according to the features you enabled in the Settings and Quick View tabs. General: Select a background color for the gallery, choose a title font and color. Product Cards: Select a background color for the products, add a border, and customize the gallery text. Product info: Customize the fonts of the product info you display. Product options: Customize how color and text product options are displayed. Quantity: Customize the design of the product quantity selector. Ribbons: Select a ribbon shape, color, and font. Navigation arrows: Customize the design of the navigation arrows. Pagination dots: Customize the color and opacity of the pagination dots. Name & price divider: Customize the divider line between the product name and price. Quick View button: If Quick View is enabled, design the button. Tip: To customize the Quick View itself, go to the Quick View tab. Add to Cart button: Select a design for each view - default, hover, and disabled (i.e. out of stock). Quick Add drawer: Customize the design of the quick add drawer . Customize the text Click the Text tab and customize any of the text that appears in your slider gallery. Customize the 'Add to Cart' button behavior If not already enabled, click Show Add to Cart to display the button in your gallery. Next, choose how customers select options such as a product size or color. Learn more about the 'Add to Cart' button behavior in a gallery . Finally, choose where customers are directed after clicking the button: Show success pop-up: A pop-up notification appears. Open side cart: Side cart opens on the side of the screen. Go to cart page: Customers are taken directly to the cart page. Stay on current page: Customers stay on the same page. The button displays a checkmark to indicate that the product was successfully added. Enable and customize 'Quick View' Quick View allows customers to view product details in a pop-up without leaving your shop page. Notes: If you placed the 'Add to Cart' button on the image, the Quick View button won't be displayed. To view the Quick View button in action, preview your site or view your live site. To enable or disable Quick View: Click the Display tab. Select or deselect the checkbox next to Quick View button . Next steps: To customize the Quick View button, go to the Design tab. To customize the Quick View popup, go to the Quick View tab. Learn more . Customizing a gallery on mobile Make sure your galleries look great when customers view them on a mobile device. You can adjust the design to match smaller screens and allow customers to quickly add products to the cart without navigating away from the gallery. Tips for mobile display: Product option display: In a grid gallery, you can limit the display of product option to just color swatches, and set a cap on the maximum number of swatches you display. Add to Cart button: In the Design tab, you can choose an 'Add to Cart' icon instead of the button with text. Add to Cart button placement: In the Add to Cart settings in the Layout tab, you can set the button to display over your product image. This is especially recommended if you display the button as an icon. Wix Editor Go to your editor . Click the Switch to Mobile icon  at the top of the editor. Go to the page with the Grid Gallery or Slider Gallery you want to customize. Click the gallery. Click Settings . Customize the gallery using the available options. Tip: Changes you make for mobile in the Wix Editor do not affect the desktop view. Studio Editor Go to your editor . Click the Tablet or Mobile breakpoint at the top of the editor. Go to the page with the Grid Gallery or Slider Gallery you want to customize. Click the gallery. Click Settings . Customize the gallery using the available options. Tip: Some changes affect all breakpoints. Wix Harmony Editor Go to your editor . Click the Mobile icon at the top right of the page. Go to the page with the Grid Gallery or Slider Gallery you want to customize. Click the gallery in the editor. Click the Settings icon on the action bar. Customize the gallery using the available options. 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: Using the Studio Tab Chrome Extension Explore the new Wix Studio Tab Chrome extension, your dedicated hub for creativity every time you open a new tab in Google Chrome. Stay updated with the latest news, find learning opportunities, and get inspired—all in one place. Search Google or the Wix Help Center and add shortcuts for quick access to your most-used tools and resources. Tip: No Wix sign-in required – anyone can add the extension from Google's Chrome Web Store and start using it immediately. Adding the Studio Tab extension in Google Chrome Add the Studio Tab extension from Google's Chrome Web Store. Once added, you can start using it immediately. To add the Studio Tab extension: Go to the Wix Studio Tab extension in Google's Chrome Web Store. Click Add to Chrome . Click Continue to install . Click Add extension to confirm. Customizing the Studio Tab Customize your Studio Tab to optimize your workflow. Choose your default search (Google or Wix Help Center), decide whether to receive notifications about the latest news in Wix Studio, and personalize your shortcuts bar for quick access to essential tools and resources. To customize the tab: Launch your Google Chrome web browser. Click the Settings icon at the top right of the Studio Tab. Customize your tab: Default search: Select Google or Wix Help Center as your default search engine. News center notifications: Toggle to receive push notifications with the latest news from Wix Studio. Shortcuts: Enter URLs of your favorite pages to add shortcuts for quick access. Color theme: Switch between light and dark mode. Using the Studio Tab The Studio Tab serves as your homepage each time you launch Google Chrome or open a new tab. Access your tools and resources swiftly, search Google or the Wix Help Center, stay updated with the latest news and updates, explore learning opportunities, and find inspiration for your sites. Tip: If you're logged into Wix, you can also access your Wix Studio workspace from the Studio Tab. This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Managing your business Business solutions & apps Wix Events: Managing Your Events Important: Some event viewing options may not be available to all users. However, they will be released soon. Manage your events by tracking their status in your site's dashboard and monitoring which ones are displayed on your live site. Additional features include viewing event drafts, filtering published events, and customizing the event display in your dashboard. Viewing event drafts When creating a new event, it's saved as a draft in the Drafts tab of your site's dashboard. This allows you to manage details, set up the event at your own pace, and publish it when ready. To view event drafts: Go to Events in your site's dashboard. Click the Drafts tab on the left (under Events ). Hover over the relevant draft event and choose what you want to do: Manage your event: Click Manage to edit your event details such as tickets and seating, registration settings and exclusive features. Publish your event: Click the Publish icon to make your event live on your site. Duplicate / Delete your event: Click the More Actions icon to duplicate or delete your event. Filtering your published events Filters simplify finding specific published events. You can view a list of your published events and apply a status filter to show upcoming, past, or canceled events. Additionally, you can filter by category to further refine your search and quickly locate events. Tip: The option to filter by category appears only if you created categories . To filter your published events: Go to Events in your site's dashboard. Click Filter next to Events . Choose what you want to customize: Events: Choose the type of events you want to view: All , Recurring , or Single . Event Status: Select the status of the events to display: All , Upcoming , Past , or Canceled . Event Category: Click the drop-down menu and select a category to filter the events accordingly. Customizing the display of events in your dashboard Enhance your event management experience by customizing the display of events in your dashboard. This allows you to customize the columns based on your preferences, making it easier to navigate through your event listings. To customize the display of your events: Go to Events in your site's dashboard. Click the Customize Columns icon next to Events . Choose how you want to customize your columns: Show / Hide columns: Select the checkbox(es) next to the columns you want to display or deselect those you want to hide. Reorder columns : Drag and drop the column names to arrange them in your preferred order. Viewing events on your live site Wix Events gives you the flexibility to display all published events or to select exactly the ones you want to display on a particular page (e.g. all upcoming events, all upcoming events in a category, selected events). Learn more about how to set which events are displayed on a site page . Tip: Don't see the event you expected to find on a site page? Check to see if it's still a draft. FAQs Click a question below to learn more about viewing your events: How can I see all dates for my recurring event? Go to Events in your site's dashboard. Click See all dates under the relevant recurring event to see a list of the individual dates this event takes place. Tip: From here you can add more dates and customize each occurrence of the recurring event. Can I change the details of a recurring event? You can make changes to the "event template" when it's a draft. After you publish, you can make changes only to individual occurrences. How can I access the event link after publishing my event? After publishing your event, you can access the event link on the Overview tab of the relevant event. Click the Copy link icon to quickly share with potential guests. 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: Restoring a Post Using Your Blog's Post History Your blog's post history lets you see previous versions of your posts and restore older versions. Never lose your work because of accidental edits or deletions again. To restore a post: Go to Blog in your site's dashboard. Click the relevant post. Hover over Save in the top-right corner. Click View Post History . Select the version of your post that you want to restore in the left sidebar. Click Restore . Important You can only restore the content of your post. Post settings such as SEO settings , categories , and tags are not restored. You'll need to update these settings manually if you want to restore them. This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Managing your business Accepting payments on your site Accepting Payments from Your Customers with SCA (PSD2) Take a look below to find the answers to our most frequently asked questions on the Payment Services Directive (PSD2) requirements for Strong Customer Authentication (SCA). What is the PSD2? The PSD2 is the European Commission's framework for electronic payments within the EU. The directive includes requirements for payment services in order to make electronic payments more secure than ever. How does the PSD2 affect my business? The requirements may affect any online entity processing payments where both the seller and the buyer's bank are located in the European Economic Area (EEA) . According to the directive, online transactions must go through your customer's bank in order to fight fraud and reduce the amount of chargebacks you get as a merchant. This means that your customers might need to go through a quick verification process before they can complete their payment. You should be aware of this extra step as customers may ask you about it. Since the PSD2 applies to all payment services, they will become familiar with the verification process over time and feel more secure to purchase products/services from your site. How does it look like to my customers? The authentication process varies from one bank to another, and might involve different requirements depending on the specific bank. It is up to each bank to decide whether extra authentication is needed and what method to use. Generally, your customers should see an authentication page (created by their bank) after filling in their payment details. They must go through the process in order to complete the payment. Do I need to do anything to comply with these regulations? No, you don't. Wix did all the necessary work to ensure our users are in compliance. What should I do if my customers are experiencing issues? Advise them to contact their bank directly. The Strong Customer Authentication process is solely managed by the banks processing the transactions, which means they should be able to resolve any issue your customers might have. If you need more information on how SCA is implemented in your country, we recommend checking with your local regulator. Given the complexity of the requirements, and according to the opinion of the European Banking Authority (EBA), some EEA countries are allowed more time to implement Strong Customer Authentication. This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Managing your business Business solutions & apps Wix Bookings: Connecting Video Conferencing For Wix Bookings Need to meet clients online? With Wix Bookings, you can host sessions using Google Meet, Zoom, or a custom video link when in-person meetings aren’t possible. Online sessions are ideal for appointments, classes, and courses, including coaching, tutoring, and fitness training. Before you begin: Make sure one or more payment methods are set up in the Accept Payments tab of your site's dashboard. You need to upgrade your site to a plan that supports booking platform features in order to use video conferencing with Wix Bookings. Connecting a video conferencing account Choose how you want to host your online sessions by selecting your preferred video conferencing option - Google Meet, Zoom, or with a custom link. To connect a video conference account: Go to Booking Settings in your site's dashboard. Click Video conferencing account under Integrations . Choose what you want to connect: Google Meet , Zoom , Custom link . Click Continue . Depending on the video conferencing option you choose, follow these steps: Google Meet Click Continue . Sign in to your Google Meet account or create a new one. Complete the rest of your meeting setup and click Allow . Once connected, click Got it . Zoom Click Continue . Sign in to your Zoom account or create a Zoom account. Complete the rest of your meeting setup and click Save . Custom link Add the relevant details: Meeting link. Note: The meeting link must be a fixed URL that can be sent for all your meetings. (Optional) Password. (Optional) Description. Click Connect . FAQs Click a question to learn more about video conferencing for Wix Bookings. What is the difference between Wix Bookings and Wix Meetings? Wix Bookings is a full business management solution for service-oriented businesses. It requires a published site and supports managing staff, recurring services, group sessions, and complex scheduling needs. Wix Meetings is a fast, standalone scheduling tool for any business type, no published site required. It’s great for sharing links and scheduling single meetings quickly. Read more about Wix Meetings . Both apps support Google Meet, Zoom, and a custom link. I don't see the Zoom link in my calendar, what do I do? The Zoom link appears in your Bookings Calendar only after a booking is made. Courses and class sessions that have no bookings do not display a link. Make sure you are the one providing the service. If it's a staff member, they can get the link through the calendar if synced , or through the Wix app. How do I remove the Wix app from my Zoom account? To remove the Wix app from your Zoom account, you’ll need to uninstall the app directly from Zoom . This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Managing your media Wixel Wixel: Creating and Customizing a Document Create visually engaging, professional documents in Wixel for any business need. For anything from project proposals to fitness guides, use AI to design your layout and write your content or fine-tune every detail yourself. Add media, buttons, and widgets to create an interactive experience, then share your finished document instantly with a link. Note: Actions that involve generating and editing a document with AI use AI credits . Step 1 | Add a document Begin by adding a document to your project by describing your idea to the Wixel Agent, choosing a template, or starting from scratch. However you begin, you can draft ideas, structure your sections, and use AI to help with wording and visuals. To add a document: Desktop browser Go to Wixel . Choose how you want to start: Design with AI: Describe in the text box what you want to create. For example, "Create a document for an interactive study guide for business students” or “Create a 3-month fitness plan". Choose a template: Scroll down and select a template from the Docs tab. Start from scratch: Scroll down and select a blank document from the Blank Frames tab. Wixel app Go to your project in the Wixel app. Choose how you want to start: Design with AI: Tell the Wixel Agent what you want to create. For example, "Create a document for an interactive study guide for business students” or “Create a 3-month fitness plan". Choose a template: Tap Create New Design and select a template. Start from scratch: Tap Create New Design and tap Start with a blank frame. Step 2 | Add elements to your document Make your document more impactful by adding interactive and visual elements. Whether you want to showcase data with a chart, embed media, or organize your layout, you have all the tools you need directly in your project workspace. Mix and match different elements to make your document both useful and engaging for any reader. Desktop browser Go to your project in Wixel . Select the relevant document in your project. Click the Elements icon on the toolbar. Choose what to add: AI tools Use Wixel’s AI-powered tools to go beyond standard document features. The AI widget lets you add interactive, smart content to your documents, like charts, infographics, games, maps, and more, by describing what you want to create. Select AI Widget under AI tools . Describe what you want to create in the text box. For example: "Create a bar chart showing membership growth by month" or "Build a simple meal planning calculator". (Optional) Click Types to choose a specific widget type (e.g. chart, calculator) and click the Add icon to include reference files. Click the Send icon . (Optional) Review the widget that's added to your document. If you want to refine or update it, select the widget and chat with the Wixel Agent to explain what to change. You can also use the suggestions provided above the widget. Media Make your document more dynamic with visual content. Add images, videos, GIFs, and shapes from your project files, your computer, or free stock media from Wix. After adding media, use the action bar to set the size, alignment, and settings, or add a link and a caption. Under Media , choose from the following elements: Image Video GIF Shapes Vector Art Layout elements Structure and organize your content so your document is easy to follow. Under Layout elements , choose from the following elements: Layout: Choose a predesigned layout to start from Button: Links to a web address or to a section in the same document Divider Code snippet Expandable list: A collapsible list, useful for FAQs Gallery Table Embeds Add content from your favorite platforms directly into your project by embedding media, social posts, and more. You can embed videos, audio, or posts to make your document dynamic. Under Embeds , choose from the following elements: YouTube video Audio file: Upload your own or embed from an external source. Spotify track SoundCloud File AdSense: Ad space from Google AdSense HTML embed: Add custom code or an external site. Instagram post TikTok video X post Notes: Make sure to read through the limitations of the HTML element before using it. When embedding an external site, the address must start with HTTPS. HTTP sites will not be displayed. Wixel app Go to your project in the Wixel app. Select the relevant document in your project. Tap the Edit icon and then tap + Elements on the action bar. Choose what to do: AI tools Use Wixel’s AI-powered tools to go beyond standard document features. The AI widget lets you add interactive, smart content to your documents, like charts, infographics, games, maps, and more, by describing what you want to create. Select AI Widget under AI tools . Describe what you want to create in the text box. For example: "Create a bar chart showing membership growth by month" or "Build a simple meal planning calculator". (Optional) Tap Types to choose a specific widget type (e.g. chart, calculator) and tap the Add icon to include reference files. Tap the Send icon . (Optional) Review the widget that's added to your document. If you want to refine or update it, select the widget and chat with the Wixel Agent to explain what to change. You can also use the suggestions provided above the widget. Media Make your document more dynamic with visual content. Add images, videos, GIFs, and shapes from your project files, your computer, or free stock media from Wix. After adding media, use the action bar to set the size, alignment, and settings, or add a link and a caption. Under Media , choose from the following elements: Image Video GIF Shapes Vector Art Layout elements Structure and organize your content so your document is easy to follow. Under Layout elements , choose from the following elements: Layout: Choose a predesigned layout to start from Button: Links to a web address or to a section in the same document Divider Code snippet Expandable list: A collapsible list, useful for FAQs Gallery Table Embeds Add content from your favorite platforms directly into your project by embedding media, social posts, and more. You can embed videos, audio, or posts to make your document dynamic. Under Embeds , choose from the following elements: YouTube video Audio file: Upload your own or embed from an external source. Spotify track SoundCloud File AdSense: Ad space from Google AdSense HTML embed: Add custom code or an external site. Instagram post TikTok video X post Notes: Make sure to read through the limitations of the HTML element before using it. When embedding an external site, the address must start with HTTPS. HTTP sites will not be displayed. Step 3 | Customize your document Design every part of your document to match your needs and style. Update layouts and visuals so your document looks exactly how you want before you share it online. To customize your document: Desktop browser Go to your project in Wixel . Select the relevant document in your project. Choose what to do: Customize your theme Give your document a polished, branded look by applying a theme. You can control the overall color scheme, font choices, and even style individual headings or paragraphs for a cohesive, professional result. Click the frame details above the document. Click Themes on the action bar. Choose how to select your theme: Select a suggested preset: Choose from the color and font combinations or choose a color and font pair separately. Customize a theme by individually selecting theme colors and fonts. Click Edit theme . Choose a color theme: Click a color in the palette and select a new color from the Color picker panel. Choose a font theme: Select a font from the Text drop-down to apply it to all text styles or individually select a text style to edit the font, color, size, line height, and character spacing. Edit text formatting Use the formatting options on the action bar to adjust the text style, formatting, add lists, insert links, and more. To get to these options, highlight specific text or find blank space in your document to start typing. Wixel app Go to your project in the Wixel app. Select the relevant document in your project. Tap the Edit icon . Choose what to do: Customize your theme Give your document a polished, branded look by applying a theme. You can control the overall color scheme, font choices, and even style individual headings or paragraphs for a cohesive, professional result. Tap the Theme icon on your action bar. Choose how to select your theme: Select a suggested preset: Choose from the color and font combinations or choose a color and font pair separately. Customize a theme by individually selecting theme colors and fonts. Tap Edit Theme . Choose a color theme: Click a color in the palette and select a new color from the Color picker panel. Choose a font theme: Select a font from the Text drop-down to apply it to all text styles or individually select a text style to edit the font, color, size, line height, and character spacing. Edit text formatting Use the formatting options on the action bar to adjust the text style, formatting, add lists, insert links, and more. To get to these options, highlight specific text or find blank space in your document to start typing. Step 4 | Adjust your document settings Adjust the overall look and feel of your document with page, button, and image settings. To adjust your document settings: Desktop browser Go to your project in Wixel . Select the relevant document in your project. Click the frame details above the document and click Document Settings on the action bar. Customize your settings using the following options: Page setup: Choose how the content is formatted on the published document. Content Width: Set how wide your content appears on the document. Vertical Paddings: Set the spacing above and below your content on the document. Background: Set the background color or pick a background image for the page. Buttons: Style the appearance of the document's buttons. Select which state to add an animation for: Normal: This is how the button appears when visitors open the document. Set the background color, text color, button size, border radius, border width, and border color. Hover: This is how the button appears when visitors hover over the button with their mouse. Set the hover background color, hover text color, and hover border color. Images: Customize the look of all images in your document. Select a border radius, border width, and border color. Wixel app Go to your project in the Wixel app. Select the relevant document in your project. Tap the Edit icon on the right. Tap the Settings icon on the action bar. Customize your settings using the following options: Background: Set the background color or pick a background image for the page. Buttons: Style the appearance of the document's buttons. Select which state to add an animation for: Regular: This is how the button appears when visitors open the document. Set the background color, text color, button size, border radius, border width, and border color. Hover: This is how the button appears when visitors hover over the button with their mouse. Set the hover background color, hover text color, and hover border color. Images: Customize the look of all images in your document. Select a border radius, border width, and border color. Note: To customize the page setup, head over to your desktop browser. What's next? Preview and share your document . FAQs Click a question below to learn more. How can I use AI to help me write or edit my document? The Wixel Agent can help design your entire document, rewrite or improve text, generate visuals, create interactive widgets, and much more. Note: Any action that the Wixel Agent does that generates or edits a document with AI uses AI credits . Can I translate my document into other languages? Yes, you can ask the Wixel Agent to translate the document into any language. What types of media files can I add to my document? Wixel supports a variety of media file types and sizes, including images, videos, audio, and more. For best results, use high-quality images to ensure they display clearly across all devices. Why is my media not displaying correctly in my shared document? There are several reasons why your media might not display as expected: Unsupported file type or size: Ensure you're using a supported file format and that the file doesn’t exceed Wixel’s upload limits. Large files may fail to load or appear slowly. Image resolution: Low-resolution images can appear blurry or pixelated. For best results, we recommend using high-quality images. Browser or internet issues: Try refreshing the page, clearing your browser’s cache and cookies , or viewing the document in a different browser or device to rule out local loading issues. 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: Designing Your Storefront No matter what look you're going for, Wix Stores' lets you bring your design vision to life. Wix Stores is made of many different elements - from the Product Gallery where you display your products, to the Product Page, the Shopping Cart, and more. In each of these elements, almost all the fonts, colors, styles, and layouts can be customized. To get started, go to the element you want to customize, click it, and click the Settings icon . Want to learn more? Check out the full course in Wix Learn on building your store or skip to the last video on designing and publishing your store . Learn how to customize your: Product galleries Product page Category page (not yet available for all) Product quick view Cart page Cart Icon Side Cart Thank You page This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Managing your business Business solutions & apps Wix Bookings: Managing Multiple Video Conferencing Links Run multiple online video sessions for your services with Wix Bookings. When you first add video conferencing (VC) to a service, connect either a Google Meet , Zoom account or a custom link such as Google Hangouts . This account becomes your default video conferencing option until you add more VC accounts. Link your services to any VC provider by using a custom link. Enter the URL, password, and any other needed information when prompted to connect your VC provider. Important: Upgrade your site to use video conferencing. All services use the same default video conferencing link, or a staff member’s link if assigned. You can’t set a different video conferencing link for each service. The benefits, call hours and participant limits for video conferencing depend on the provider you use (Google Meet, Zoom, GoToMeeting, etc.) and are not controlled by Wix. Setting up your own VC accounts You can set up your default VC account within any of your services in the Booking Services tab or in the Staff tab . Tip: If you have multiple Wix sites, you can set a different default VC account for each site. To setup your default VC account: Go to Booking Services in your site's dashboard. Note : Skip to step 4 below to set up your VC account from your Staff in your site's dashboard. Click on a service. Scroll down to the Locations section. Click the Add button in the Video Conferencing section (or Edit in the Staff Tab). Choose your preferred type of VC connection: Google Meet: Click Continue . Sign in to your Google Meet account and follow the on-screen instructions. When ready, click Got it . Zoom : Click Continue . Click Continue to proceed. Sign in to your Zoom account and follow the on-screen instructions. Custom Link : Fill in the required fields for the Custom Link. When ready, click Connect . Important: If you disconnect your main VC account, VC links no longer appear for any sessions, even if your staff have their own individual VC accounts. Setting up your staff VC accounts Your business can then offer multiple online services at the same time. If a staff member is assigned to a specific service, then their VC account will be used instead of the main VC account for this service. Tip: Your staff can manually add or remove the Zoom links from any of their sessions at any time. This is useful for last-minute changes to services, where an online service becomes an in-person one, and vice versa. To set up your staff VC accounts: Go to Staff in your site's dashboard. Hover over the relevant staff member profile and click Edit . Click Add Individual Account next to Video conferencing account under Staff settings. Choose the relevant video conferencing account and click Continue . Staff managing their own VC accounts Your staff members can add and manage their own VC links using their staff accounts on your site. Share the steps below with your staff members, so they can set up and manage their own VC links themselves. Important: You must connect a default video conferencing account before your staff can add their own VC links. For staff to set up their own VC account: Go to Booking Calendar in your site's dashboard. Click the Manage dropdown at the top and select Set personal video conferencing . Choose the relevant video conferencing account and click Continue . Managing your VC links VC links for appointments and classes depend on the specific session and staff member details . Courses use your site's default VC link for all sessions unless a custom VC link is added in the calendar. You must first save and create at least one session for the service to create a VC link . Note: Editing a VC link updates all past and future sessions of the course. You must manually notify clients that still have an old link. Choose what you want to do: Create a VC link Go to Booking Calendar in your site's dashboard. Select the relevant online service Click Add Now . Copy the VC link from the confirmation window and send it to your clients or staff members. Update an existing VC link You can edit individual meeting links for existing services and previously booked sessions. For example, if you or one of your staff is sick and wants to host a session remotely, you can change an existing VC link for that specific session. Go to the appointment in your booking calendar . Click the More Actions icon . Click Change to Custom Link . Add the Meeting Link URL : (Optional) Add the link Passcode . (Optional) Add the Description . Select the Notify participants with an email checkbox to inform your clients of the change in VC link. Restore an original VC link Go to Booking Calendar in your site's dashboard. Select the service with the link you wish to restore. Click the More Actions icon . Click Restore Default Link . Remove a custom VC link Go to the Staff Page . Click Edit on the staff member whose custom link you wish to delete. Click the Delete icon in the Video Conferencing section of their staff profile. Note: You can also add a VC link to any session that was previously offline. Removing VC links from your automated emails You have complete control over how your clients access VC links. You can remove VC links from your booking confirmation emails. To remove VC links from automated emails: Go to Booking Settings in your site's dashboard. Click Emails & SMS notifications . Click Edit next to Send clients an email confirmation when they book under Notifications you send . Scroll down to Create an email and click Edit under the preview image. Select each of the elements in the Join Online section and click the Delete icon . Click Save & Continue after you delete the entire 'Join Online' video conference section. Repeat steps 1-6 for all relevant email automations that include your VC links, including: Remind clients about upcoming sessions Notify clients of changes to their booked appointment or class Notify clients when there's a change to their course Let clients know that their appointment request has been approved Tip: To display your VC links again after removing them, click More Actions under the email preview and click Reset to default template . 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: Adding a WebGL Effect to Media Backgrounds Transform your client projects with our WebGL effects, designed to turn media backgrounds into showstoppers. These effects engage site visitors while ensuring optimal performance. Choose from a variety of impressive presets, tweak their properties and decide how they activate—automatically on scroll, or through the visitor's mouse movement. Adding a WebGL effect Head over to the Inspector panel to add a WebGL effect to a section media background. You can choose from various different presets, depending on the look and interaction you want to achieve. Note: It is not possible to combine background scroll effects and WebGL effects. To add a WebGL effect: Add an image or video to the relevant section's background. Note: WebGL effects are not supported for GIF backgrounds, as well as media backgrounds set to fit as Tiles. Select the section on the canvas. Apply a WebGL effect: Click the Open Inspector icon at the top right of the editor. Click the Animations and Effects tab . Click + Add under WebGL Effects . Select an effect from the list. Tip: Hover over the preset icons to see a preview of how they look. You can also preview the effect on the canvas by clicking Adjust Animation (make sure the Preview in editor toggle is enabled). Customizing a WebGL effect Customize WebGL effects to fine-tune their look and behavior, whether you're adding subtle distortions or bold, dynamic motion. Each effect comes with its own set of adjustable settings—like intensity, speed, and direction—giving you full control over how it interacts with your content. For certain effects, you can also decide what triggers them on your client's site – autoplay, scrolling, mouse movement, or a combination of multiple actions. To customize a WebGL effect: Select the relevant section. Click the Open Inspector icon at the top right of the editor. Click the Animations and Effects tab . Click the effect you want to change. Click Adjust Animation to change its settings: Noisy track Pointer size: Drag the slider to modify the area that responds to the effect when a visitor hovers over the section background. Increasing the area makes the effect more visible, while decreasing it keeps the area more focused. Noise: Drag the slider to control the noise level. Increasing the noise makes the effect look more textured and distorted. Pointer velocity: Drag the slider to control how quickly the movement follows the mouse when a visitor hovers over the section background. Liquify Intensity: Drag the slider to control the strength of the effect. Increasing the intensity makes the section background look more warped when visitors hover over it. Pointer size: Drag the slider to modify the area that responds to the effect when a visitor hovers over the section background. Increasing the area makes the effect more visible, while decreasing it keeps the area more focused. Pointer velocity: Drag the slider to control how quickly the movement follows the mouse when a visitor hovers over the section background. Slitscan Note: The available settings may vary depending on the trigger(s) you choose. Trigger: Select a trigger, or multiple triggers, to activate the effect – autoplay, mouse movement or scroll. Add more triggers by clicking the Add icon , and remove a trigger by clicking the Remove icon next to it. Direction: Decide on a direction for the effect – horizontal or vertical. Duplicates: Drag the slider to control how the slit captures new lines from the image or video background. A higher number of duplicates makes the effect more dynamic, while a a smaller number offers a slower transformation. Pointer velocity: Drag the slider to control how quickly the movement follows the mouse when a visitor hovers over the section background. Autoplay speed: Drag the slider to control the speed at which the lines move. RGB orb Colors: Choose the colors that blend and swirl together to create the orb effect – All, Green & Magenta, etc. Color angle: Drag the slider to set the angle at which colors blend and transition. Pointer size: Drag the slider to modify the area that responds to the effect when a visitor hovers over the section background. Increasing the area makes the effect more visible, while decreasing it keeps the area more focused. Noise: Drag the slider to control the noise level. Increasing the noise makes the effect look more textured and distorted. Pointer velocity: Drag the slider to control how quickly the movement follows the mouse when a visitor hovers over the section background. Ripples Stretch ripple: Drag the slider to adjust the width of the ripple waves, causing them to expand or contract. Intensity: Drag the slider to control the strength of the effect. Increasing the intensity makes the ripples more dramatic and easier to see. Noise: Drag the slider to control the noise level. Increasing the noise makes the effect look more textured and distorted. Autoplay speed: Drag the slider to control the speed at which the ripples move. RGB split Note: The available settings may vary depending on the trigger(s) you choose. Trigger: Select a trigger, or multiple triggers, to activate the effect – autoplay, mouse movement or scroll. Add more triggers by clicking the Add icon , and remove a trigger by clicking the Remove icon next to it. Colors: Choose the colors that create the split effect – All, Green & Magenta, etc. These colors appear as fragmented layers on top of the section background. Channel offset: Drag the slider to adjust the alignment of the color channels. Increasing the offset separates and blurs the colors, creating a more intense and psychedelic effect. Angle: Drag the slider to set the angle at which colors are rotated within the effect. Pointer size: Drag the slider to modify the area that responds to the effect when a visitor hovers over the section background. Increasing the area makes the effect more visible, while decreasing it keeps the area more focused. Noise: Drag the slider to control the noise level. Increasing the noise makes the effect look more textured and distorted. Pointer velocity: Drag the slider to control how quickly the movement follows the mouse when a visitor hovers over the section background. Autoplay speed: Drag the slider to control the speed at which the colors move. The Preview in editor toggle at the bottom of the panel is enabled by default, allowing you to experience your effect in action on the canvas. Removing a WebGL effect You can always remove a WebGL effect you've previously added to a section background. To remove a WebGL effect: Select the relevant section. Click the Open Inspector icon at the top right of the editor. Click the Animations and Effects tab . Click the More Actions icon next to the WebGL effect. Select Remove . FAQs Click a question below to learn more about WebGL effects in the Studio Editor. Do WebGL effects work on touchscreen devices? Some WebGL effects require a mouse cursor, so they won't show up on touch devices: Noisy track , RGB orb and Liquify can only be triggered by mouse movement. In this case, you can switch to a different effect to resolve the issue. In Slitscan and RGB split , you choose what triggers the effect. If mouse movement is your sole trigger, the effect is disabled on touch devices. To make the effect appear, add another trigger (e.g. Autoplay). The Ripples effect is set to autoplay on any device, so it shows up on touch screens with no action needed on your part. Why is the option to add WebGL effects grayed out in my editor? There could be several reasons: You might have added a GIF background, which does not support WebGL effects. You might have set your media background to Tiles (under Fitting options ). To change the fit of the background: Select the relevant section. Click the Open Inspector icon at the top right of the editor. Scroll down to Fitting options under Design . Select Original size or Scale to fill . 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