< Back Managing your business Business solutions & apps Wix Video: Changing the Layout of Your Wix Video Player With Wix Video's flexible layout options you can control the fine details of how your visitors view your content. To change the layout of Wix Video Player: Click the Wix Video player in your Editor. Click Settings . Click the Layout tab. Select a layout. Channel layouts: Compact: For minimalists. The compact player doesn't display thumbnails. Instead, they are contained within a menu icon. Grid : Organize your content into a stylish grid with multiple rows. Adjust the spacing, buttons and more. Classic: Great for easy navigation, the classic grid layout sets your main video at the top of the player, with thumbnails for the other videos in your channel below it. Strip: Your video becomes a block-element of your site design. This full-width player auto-adjusts for all screen sizes. Big Slider: Display all the videos in your channel across an easy-to-navigate, dynamic bar. Small Slider: This layout is a scaled-down version of the Big Slider, without any space between the thumbnails. One video layouts: Compact : For minimalists. Showcase your video with no frills. Strip : Your video becomes a block-element of your site design. This full-width player auto-adjusts for all screen sizes. Tips: Each layout displays information slightly differently. To take full control, learn more about player settings . 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: Getting Started with Wix Business Solutions and Apps Building sites for clients isn’t just about great design—it’s about providing the functionality they need for success. With Wix’s native solutions, you can create fully functional, launch-ready sites and customize everything to match your client’s unique needs. Pressed for time? Kickstart your project with a Wix Studio launch-ready template and customize it to match your client’s brand. Your go-to business solutions and apps Unlock powerful tools to build sites that deliver results—whether it’s online stores, scheduling systems, events or something more specific. With Wix’s native solutions and business tools, you can tailor every site to your client’s goals using customizable features and Wix’s open platform capabilities. Tip: If you’ve started with a template, some of the business solutions may have already been added to your site. You can customize and build upon them to fit your client's needs. eCommerce Build responsive online stores and empower your clients to sell anything, anywhere. Customize product pages for conversion-driven design, organize catalogs with dynamic categories, and optimize the checkout flow for a smooth customer experience. For advanced customizations, leverage Wix’s APIs to fine-tune every detail even further. Explore eCommerce or get started with Wix APIs . Bookings Set up an online scheduling system that keeps your client’s business running smoothly. Use built-in tools to efficiently manage bookings, payments, and staff. Customize services and schedules based on availability or preferences, create one-time or recurring pricing plans for services, and more. Events Create in-person or online events , customize event pages and invites, and design seating maps. Sell tickets or collect RSVPs, manage guest lists, and boost attendance with built-in marketing tools. Restaurants Build restaurant sites with a robust, built-in online ordering and reservation system . Design custom menus, manage orders, and engage customers with automated marketing campaigns, gift cards, loyalty programs, and more. Hotels Build hospitality websites with Wix Hotels by HotelRunner . Handle availability and reservations in one place, offer custom guest packages, and connect to leading platforms like Booking.com, Airbnb and Expedia to boost occupancy. Native mobile app Build fully-native mobile apps that integrate seamlessly with your client’s site or work as standalone solutions. Customize the look, layout, and features to match their needs, and get the app listed on the App Store and Google Play. Blog Boost SEO and build online communities by adding blogs to your clients' sites. Assign roles to multiple writers, use tags and categories to organize content, and monetize with subscription pricing plans and more. Community Build a community hub where your clients' site visitors can sign up, manage orders, and access exclusive content with a members area . Pair it with Wix social apps—like Groups to monetize and grow member communities, or Online Programs to create multi-step courses and track participant progress in real-time. Boost engagement with apps including Wix Comments for communication and File Share for seamless file-sharing within the community. Multilingual Help your clients expand globally, boost their reach, and improve search rankings across multiple regions. Translate sites into over 180 languages —manually or automatically—while maintaining a flawless design and ensuring content remains discoverable worldwide. Payments Safeguard your clients and their customers with a secure payment solution . Accept all major payment methods, including credit and debit cards, Apple Pay, and Google Pay. Customize payment options, including shipping, taxes, and installment plans, to meet the needs of businesses and customers alike. CRM Build a solid foundation for your clients to manage strong customer relationships with a complete CRM solution directly integrated into their site. From capturing leads and managing ongoing communications to automating workflows, Wix CRM features and tools streamline operations, turning visitors into loyal customers—all in one place. Pricing Plans Design custom pricing plans for your clients to sell memberships, packages, and subscriptions. Charge one-time or recurring payments for exclusive content or services, seamlessly integrate payment methods, and offer discounts to drive conversions. Looking for more? Explore 500+ apps in the Wix App Market and discover industry-specific solutions for every business need. This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Managing your media Using the Pro Gallery Wix Pro Gallery: Managing Your Gallery The Wix Pro Gallery allows you to showcase multimedia content all in one place. With this gallery, you can easily reorder gallery items and duplicate / copy galleries onto the same or different pages. We also make it easy for you to manage the social and interactive settings of your gallery, such as the heart and download icons. Downloading images from a gallery Allow visitors to download gallery items by enabling the Download toggle in the Settings tab. A download icon appears on each individual item upon hovering. Visitors can download your original images but not Free Wix media. To enable downloading of images in the Wix Pro Gallery: Go to your editor . Click the pro gallery element on your page. Click Settings . Click the Settings tab. Click the Download toggle to enable it. Note: The pro gallery has a built-in Right Click Protect feature on desktop, so it's not possible to save images added to your gallery with a right-click. Duplicating a gallery Save yourself time and duplicate your gallery onto the same page, or copy and paste it onto a different page of your site. The gallery's content and settings are carried over onto the duplicate. To duplicate a gallery: Go to your editor . Click the pro gallery element on your page. Right-click on the gallery and choose what you want to do: Duplicate a gallery on the same page: Click Duplicate . Drag the gallery to your preferred location. Copy and paste a gallery elsewhere: Click Copy . Navigate to the relevant page on your site. Right-click anywhere on the page and select Paste . Reordering items in a gallery You can change the order of the images, video or text in your gallery from the Organize Your Gallery window. To reorder your gallery items: Go to your editor . Click the pro gallery element on your page. Click Manage Media . Click and drag the gallery items into the order you want. Click Done . Tip : You can also sort the images alphabetically by image title or file name. Click the Arrange by icon and select an option. Adding a heart icon to gallery items Track how many "likes" your images and videos are getting by adding a heart icon to media items in your gallery. This is a great way to see how your site visitors are responding to your content. The heart icon and counter both appear on your live site when you hover over an image in your gallery. To add a heart icon to your pro gallery images and videos: Go to your editor . Click the pro gallery element on your page. Click Settings . Click the Settings tab. Enable the Heart icon . Select Show with counter to enable the "likes" counter. FAQs Click a question below to learn more about managing your gallery. Can I download all my gallery items at once? No. Currently, it is not possible to download all gallery items at once. If that is something you'd like to see in the future, you can vote for that feature . Can I track gallery items that have been liked or downloaded by my site visitors? Currently, it is not possible to track and analyze information on gallery items that have been liked or downloaded by your site visitors. If that is something you'd like to see in the future, you can vote for that feature . How can I prevent my images from being saved on a mobile device? It is not possible to prevent images from being saved on mobile devices where a browser's built-in features (such as long tap and save) are used for this purpose. The best way to protect images from being stolen is to add a watermark . Can Wix randomize the order of my gallery items? Currently, it is not possible to randomize the order of your gallery items in the Wix Pro Gallery. If this is a feature you would like to see in the future, vote for it here . Why is my heart counter not visible? Your heart counter may not be visible for any of the following reasons: You have not applied a hover overlay to your gallery: For the Heart icon to be visible, you must apply a hover overlay to your gallery . You can set the transparency to 0 if you don't want the overlay to be visible. If you choose a partial overlay, make sure to set its size to 40% or more. Your gallery is not wide enough: To ensure the heart icon and counter are visible, enlarge the gallery using the drag handles or stretch the gallery to full-width . Your files are too small: If your uploaded files are too small, upload larger files to make the pro gallery frame large enough to display the heart icon and counter. Will I be notified if a visitor likes one of my gallery items? Currently, it is not possible to get a notification when a visitor clicks "like" on one of your images or videos in the pro gallery. If that is something you'd like to see in the future, you can vote for that feature . What happens if I have several pro galleries on one of my site pages? It's likely that you will experience some performance issues if you have several pro galleries on one single page. Galleries are optimized to showcase multiple media files at once. We recommend having one gallery with several media items per page, as opposed to multiple galleries with less items. Having too many individual elements on a single page (even if the elements are identical) can affect site performance. Learn more about site performance . Why does my gallery change its layout on different devices? Your Wix Pro Gallery behaves responsively when you choose certain layouts and set it to Full Width , using the Stretch icon . In order to fill the full width on a device screen, the gallery may change the position and size of your gallery items and / or the number of items per row. How can I move my gallery to another page? To move your gallery to another page on your site, right-click the pro gallery element in your editor and click Copy . Then go to the relevant page, right-click anywhere on the page and click Paste . The gallery's content and settings are carried over onto the duplicate. Note: Currently, it is not possible to save your pro gallery to My Designs in the Wix Editor or as an asset in the Studio Editor. If this is something you'd like to see in the future, vote for that feature . Can I add filters or tags to my pro gallery? No. Currently, it is not possible to add filters or tags to your pro gallery in the Organize your gallery window to help you better organize your media. It is also not possible to display filters or tags on your gallery on your live site, to help users better navigate your gallery. If this is something you'd like to see in the future, vote for that feature . Can I make new media automatically appear at the beginning of the gallery? No. Currently, it is not possible to automatically arrange your gallery items by the date they were added. You can reorder gallery items manually with drag and drop, or sort them alphabetically by image title or file name . If this is something you would like to see in the future, vote for that 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 Managing your business Orders, Cart & Checkout Collecting Payment for Unpaid Orders Important: 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. Collect payment for any orders that are unpaid. Just access the order in the dashboard, click Collect Payment , then choose the method or methods that work for your business. Send your customer a pay link Pay links are clickable links customers can use to pay for an order. You can send the pay link by email, text message, or paste it in a chat. When your customer clicks the link, a secure payment window opens up where they can complete checkout. You can add your logo to the pay link gives it a professional and trustworthy look. Learn how to customize and send pay links . Manually enter card details Important: Manual card entry is only available through certain payment providers . This is the least secure way of accepting card payments. Accepting manual payment from buyers you trust. In case of fraud, it's the merchant who is liable. Learn more . You can accept partial or complete payment for any unpaid order by manually entering your customer's credit or debit card details. This can come in handy when, for example, you accept an order by phone. Start by selecting Charge card manually from the Collect Payment drop-down and then fill out the required details. Tip: To accept partial payment, select the Charge a custom amount checkbox and enter the amount. Learn more about accepting payment by manually entering card details . Charge an order using a customer's saved card Wix gives you the option of securely saving a customer's credit or debit card, with their approval. If you have a customer's card on file, and you have their consent to charge this card, you can use it to charge the customer for a future order. Select Charge card manually from the Collect Payment drop-down and then select an authorized saved card to complete the sale. Important: Your customer should be notified about the transaction and given as many details as possible. This is a requirement of card schemes such as Visa and Mastercard. Additionally, clear communication builds trust and helps the customer to recognize the payment. If they don’t recognize the payment, they may issue a chargeback . Request payment by sending an invoice Some customers, especially organizations, require an invoice before they can send you payment. You can create an invoice requesting payment for any unpaid order and print it. Alternatively, if you send the invoice to your customer by email or as a shared link, they can click the invoice to pay for it online using any of your payment methods. Learn more about requesting payment using an invoice . Charge with a card reader with a Dashboard Card Reader The Wix Dashboard Card Reader allows you to collect card payment using your computer and a card reader. Before you begin: To set up Dashboard Card Reader you need to connect to Wix Payments, obtain a card reader, and set it up. Learn how to set up Dashboard Card Reader . Once it's set up, simply select Charge with card reader from the Collect Payment button and then have your customer tap, swipe, or insert their card. Authorize payments at checkout & capture later If you enabled authorizing payments at checkout , you'll see the option to capture or void a payment in the Collect Payments button. Tip: These options also appear if you're using Wix Payments as your payment provider (see below). Learn more about authorizing payment and capturing funds later . Manually authorize payments and capture later 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. The payment is held for 7 days. To start the process, click Authorize a payment . When you're ready, you can capture or void the payment. Learn how to manually authorize payments and capture them later . 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 Third-Party App: Customer Reviews by Write a Customer Review With the Customer Reviews app by Write a Customer Review, you can build your business by getting testimonials from your customers and instantly publishing them on your website. Features and benefits include: Engage your customers instantly Show your best reviews first Close sales using positive client reviews, testimonials, and comments Turn customers into your trusted brand ambassadors Check out the Customer Reviews app by Write a Customer Review to get started. For questions or comments, contact Write a Customer Review directly: Website: http://www.writeacustomerreview.com/news/ Email: wix@dwalliance.com This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Building an accessible site Making your site accessible Accessibility: Compliance with Your Regional Laws Most web accessibility regulations are based on the international specifications outlined in the Web Content Accessibility Guidelines (WCAG) . However, they may differ between regions and we therefore advise checking the requirements for your area. Compliance and your Wix site When you build a site with Wix, we take care of some backend accessibility features / configurations, including: Keyboard operability Defining ARIA attributes for Wix elements Focus indicators 'Skip to main content' links Our Accessibility checklist outlines how you can make further adjustments and increase the accessibility of content and elements you add. As local laws can vary, the steps in this checklist are universal - so they cover the basics for most regions. Important While we are always working to update and improve our products, we cannot guarantee that the use of our services is compliant with the accessibility laws and regulations of all regions. Accessibility audits Compliance is a legal matter. Therefore, once you’ve completed the checklist, you’ll need to have your site audited by a local, legal Accessibility Consultant. Audits either legally confirm compliance success, or provide you with the remaining required steps for your region. Important: As the site owner, you are responsible for reviewing and complying with local legislation applicable to you or your site visitors. Have questions or feedback? If you need help with completing any additional steps required in your area, or if you'd like to share feedback or request other accessibility tools, you can contact us . This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Managing your business Business solutions & apps Wix Bookings: Setting Up the Service List Element Your service list displays all the classes, courses and appointments you offer on your site. You can display everything on one page, or divide services by category on different pages. You can also customize the service list's design to suit your brand. Step 1 | Add the service list element Add a service list element to your page and display the services you want to promote. You can update the services displayed on this list as your business grows and you offer more services. Wix Editor Go to your editor . Go to the page where you want to display your services. Click Add Elements on the left side of the editor. Click Bookings . Click Service List . Drag the Service List element onto the page. Click the Service List widget. Click Settings . Click Services . Under How do you want to choose which services to display? , select the relevant option: Choose by service category , Choose by service location , or Choose services directly . Click the checkbox next to the relevant categories, locations or services you want to display. The options you see depend on your choice in the step above. Studio Editor Go to your editor . Go to the page where you want to display your services. Click Add Elements on the left side of the editor. Click Bookings . Click Service List . Drag the Service List element onto the page. Click the Service List widget. Click Settings . Click Services . Under How do you want to choose which services to display? , select the checkbox next to the relevant option: Choose by service category , Choose by service location , or Choose services directly . Click to select the checkbox next to the relevant categories, locations or services you want to display. The options you see depend on your choice in step 9 above. Wix Harmony Editor Go to your editor . Click + Add at the top left of the editor. Select the Bookings category. Tip: Click the Arrow icon next to the categories to browse through the list. Drag the Service List element onto the page. Step 2 | Customize the layout of the service list element Customize the layout of your service list to showcase your services and get more bookings. As the number of services you offer grows, you can adjust the layout to keep things clear. Wix Editor Go to your editor . Click the Service List element. Click Settings . Click the Layouts tab. Customize the layout of your Service List using the options: Choose a Layout: Select a layout for your Service List. Set the Max cards per row , if applicable to your chosen layout. Spacing: Set the spacing between your services in your list. Service Details Padding: Set the padding around the edges, and above and below your service details. Image Layout: Depending on the layout, choose the position, shape and cropping of the images in your Service List. Text Layout: Set the alignment for the list title and service text. Service List Tabs: Choose how you want to display and align your tabs. Studio Editor Go to your editor . Click the Service List element. Click Settings . Click the Layouts tab. Customize the layout of your Service List using the options: Choose a Layout: Select a layout for your Service List. Set the Max cards per row , if applicable to your chosen layout. Spacing: Set the spacing between your services in your list. Service Details Padding: Set the padding around the edges, and above and below your service details. Image Layout: Depending on the layout, choose the position, shape and cropping of the images in your Service List. Text Layout: Set the alignment for the list title and service text. Service List Tabs: Choose how you want to display and align your tabs. Wix Harmony Editor Go to your editor . Click the Service List element. Click the Settings icon on the action bar. Click the Layouts tab. Customize the layout of your Service List using the options: Choose a Layout: Select a layout for your Service List. Set the Max cards per row , if applicable to your chosen layout. Card spacing: Set the spacing between your services in your list. Note: The exact spacing options vary based on the layout you choose for the Service List. Service Details Padding: Set the padding around the edges, and above and below your service details. Image Layout: Depending on the layout, choose the position, shape and cropping of the images in your Service List. Text Layout: Set the alignment for the list title and service text. Service List Tabs: Choose how you want to display and align your tabs. Step 3 | Customize your service list display settings Next, adjust the display settings on your service page to add more details about your services. This is a great way to sort your services and choose what you want to display. You can also show course availability and service actions, including a book now button or a button which takes clients to your membership plans. Wix Editor Go to your editor . Click the Service List element. Click Settings . Click the Display tab. Customize the display of your Service List using the options: Show title on Service List: Enable the toggle to display the service list name. This is useful if you have several service lists on different pages. Show tabs on Service List: Enable the toggle to show different categories of services.Then set up the following: Use tabs to filter by: Choose how you want to filter the tabs: Categories: Choose this option if you offer a variety of different services. Locations: Choose this option if you offer the same services at several locations. Show tab with all services: Click the checkbox to allow your clients to view a complete, unfiltered list of your services. Service Details: Choose the displayed services and where clicking takes visitors: What would you like to show? Select checkboxes next to each detail you want to display. Clicking on the service name or image will take clients to the: Select whether your clients go to the Booking Calendar or the Service Page when they click the service name or image on the service list. Note: By default, the service list is set up to send visitors to the Calendar page when they click a service name or image. Course Availability: Enable the toggle to show the current status of a course, for example, "6 spots left" or "fully booked". Then choose what you want to display: Number of spots left: Show the exact number of spots left on the course. Availability text: Show that there are still spots available, without showing the exact number. Service Actions: Select the relevant checkbox: Book Button: Display the Book Now and More Info buttons on your service list. Explore Plans Link: Display a link to your Plans & Pricing page where clients can buy a membership or package . Studio Editor Go to your editor . Click the Service List element. Click Settings . Click the Display tab. Customize the display of your Service List using the options: Show title on Service List: Enable the toggle to display the service list name. This is useful if you have several service lists on different pages. Show tabs on Service List: Enable the toggle to show different categories of services.Then set up the following: Use tabs to filter by: Choose how you want to filter the tabs: Categories: Choose this option if you offer a variety of different services. Locations: Choose this option if you offer the same services at several locations. Show tab with all services: Click the checkbox to allow your clients to view a complete, unfiltered list of your services. Service Details: Choose the displayed services and where clicking takes visitors: What would you like to show? Select checkboxes next to each detail you want to display. Clicking on the service name or image will take clients to the: Select whether your clients go to the Booking Calendar or the Service Page when they click the service name or image on the service list. Note: By default, the service list is set up to send visitors to the Calendar page when they click a service name or image. Course Availability: Enable the toggle to show the current status of a course, for example, "6 spots left" or "fully booked". Then choose what you want to display: Number of spots left: Show the exact number of spots left on the course. Availability text: Show that there are still spots available, without showing the exact number. Service Actions: Select the relevant checkbox: Book Button: Display the Book Now and More Info buttons on your service list. Explore Plans Link: Display a link to your Plans & Pricing page where clients can buy a membership or package . Wix Harmony Editor Go to your editor . Click the Service List element. Choose what to do next: Show or hide elements (e.g. title, service details) Click the Display Elements icon on the action bar. Select or deselect the checkbox next to an element to show or hide it: Page title: The title of the service list (e.g. 'Our Services'). Services: Actions and pieces of info that appear next to each service (e.g. price, duration, explore plans link, etc). Service Image: The image you've added to every service. Book Button: A button that allows visitors to book the service they're interested in. Choose which services to display Click the Settings icon on the action bar. Click Services . Under How do you want to choose which services to display? , select the checkbox next to the relevant option: Choose by service category , Choose by service location , or Choose services directly . Click to select the checkbox next to the relevant categories, locations or services you want to display. Note: The options you see depend on your choice in step 3 above. Customize more display settings Click the Settings icon on the action bar. Click the Display tab. Choose what you want to adjust: List Details: Enable the Group services toggle to organize your services by category or location, improving the navigation experience. Then, choose how to display the groups of services - in tabs or a menu layout. Tip: Select the checkbox next to Show tab with all services to let your clients see a complete, unfiltered list of your services. Service Click Actions: Decide what happens when clients click on the Book Button and the service name or image. You can redirect them to the Bookings Calendar or the Service Page. Course Availability: Enable the toggle to show the current status of a course, for example, '6 spots left' or 'fully booked'. Then choose what you want to display: Number of spots left: Show the exact number of spots left on the course. Availability text: Show that there are still spots available, without showing the exact number. Step 4 | Edit the text on the service list element Now that your display settings are clear, you can edit the text that guides your users through your service list. Customize the title and tab name, encourage clients to view details and book sessions. Wix Editor Go to your editor . Click the Service List element. Click Settings . Click the Text tab. Customize the text on your service list: Text: Edit the List Title , All Services Tab , Read More Link and Video Conferencing Badge . Course Availability: Edit the Availability text and No availability text . Service Actions: Edit the Book Online Button , More Info Button , Request Booking Button , View Course Button , and Explore Plans Link . Studio Editor Go to your editor . Click the Service List element. Click Settings . Click the Text tab. Customize the text on your service list: Text: Edit the List Title , All Services Tab , Read More Link and Video Conferencing Badge . Course Availability: Edit the Availability text and No availability text . Service Actions: Edit the Book Online Button , More Info Button , Request Booking Button , View Course Button , and Explore Plans Link . Wix Harmony Editor Go to your editor . Click the Service List element. Click Edit Text on the action bar. Select an option under Choose an element to edit its text : Page title , Services Menu , Services , Book Button, or Load More button . Edit the text on any of the available options. Step 5 | Design the service list element Once you're happy with your service list text, customize the design of your service page to fit your site and your brand. You can personalize the background and dividers, the text style and the button design. Wix Editor Go to your editor . Click the Service List element. Click Settings . Click the Design tab. Design your Service List using the options below: Background & Dividers : Use the sliders to customize the opacity, color borders and more of your background and dividers. Text Style: Click the Text icon to edit the style, color and font of each piece of text on the service list. Note: If the title is hidden, you can go to the Display tab to make the title visible. Service Actions Design: Choose a style for Book Button and Explore Plans Link a font and color and adjust the button background and opacity. Tab Design: Choose the standard design for your tabs, including text font and color, and Divider Opacity & Color . Note: You only display tabs when you have more than one location or more than one category in your service list. Enable the Show tabs on Service List toggle in the Display tab to show different categories of services. Studio Editor Go to your editor . Click the Service List element. Click Settings . Click the Design tab. Design your Service List using the options below: Background & Dividers : Use the sliders to customize the opacity, color borders and more of your background and dividers. Text Style: Click the Text icon to edit the style, color and font of each piece of text on the service list. Note: If the title is hidden, you can go to the Display tab to make the title visible. Service Actions Design: Choose a style for Book Button and Explore Plans Link a font and color and adjust the button background and opacity. Tab Design: Choose the standard design for your tabs, including text font and color, and Divider Opacity & Color . Note: You only display tabs when you have more than one location or more than one category in your service list. Enable the Show tabs on Service List toggle in the Display tab to show different categories of services. Wix Harmony Editor Go to your editor . Click the Service List element. Click the Settings icon on the action bar. Click the Design tab. Design your Service List using the options below: Background & Dividers : Use the sliders to design the background and the dividers between services. Customize the opacity, colors, borders and more. Text Style: Click the Text icon to edit the style, color and font of each piece of text on the service list. Note: If the title is hidden, you can go to the Display Elements panel to make it visible. Service Actions Design: Choose a style for Book Button and Explore Plans Link a font and color and adjust the button background and opacity. Tab Design: Choose the standard design for your tabs, including text font and color, and Divider Opacity & Color . Note: You only display tabs when you have more than 1 location or more than one category in your service list. Enable the Group Services toggle in the Display tab to show different categories of services. FAQs Click below to learn more about setting up your Service List. How do I adjust the layout on mobile? You can adjust the layout on mobile by switching to the mobile view in your editor. In the Layouts tab of the Settings panel, choose from 2 layout styles and 3 shapes for your service images. The layout is also now fully responsive, so you can provide a better experience on mobile. Why can't I see tabs? You only display tabs when you have more than 1 location or more than one category in your service list. Enable the Show tabs on Service List toggle in the Display tab to show different categories of services. Note: If you're using the Wix Harmony Editor, enable the Group Services toggle in the Display tab. This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Advanced features CMS CMS: Adding and Setting Up a Single Item Collection A single item collection contains one block of content made up of standard fields that you add to. The content you add to these fields can appear on one or more static pages of your website. To display the content, you connect elements on your page to the fields in your collection. This type of collection does not have a table layout in the CMS. It is best suited for non-repeatable content, such as an about page or a single element, like a picture or a text box. Learn more about single item collections . Step 1 | Create a single item collection When you create a collection, you either select a collection with a single item or a collection with multiple items. To create a single item collection: Go to CMS in your site's dashboard. Alternatively, you can click CMS in your editor . Click + Create Collection at the top right. Click Start from scratch . Tip: Alternatively, click Create with AI to let AI (Artificial Intelligence) create a collection for you . Click Next . Enter a name for your collection. (Coding only) Enter a collection ID to use in your code. Select Single item collection . Click Create . Click + Add Field . Choose the type of field you want to add and click Choose Field Type . Set up the field: Enter the Field name . (Coding only) If necessary, update the Field ID , which is used in the site's code. You cannot update this ID later. (Optional) Enter help text to include a tooltip in your collection next to the field name. (Text and Address field types only) Click the Personally Identifiable Information toggle to encrypt sensitive information like social security and passport numbers. Click Save . Repeat steps 8-10 to add as many fields as your collection needs. Step 2 | Connect elements to your single item collection Connect supported elements to the single item collection through a dataset to display the content on your site. Datasets serve as internal tools for you and your collaborators, and they do not appear on your live site. When connecting to your single item collection, select the specific fields you want to use with each page element. You can display your collection content in supported elements such as text, images, and buttons, ensuring a seamless integration of your content. Learn how to use a dataset to connect your site elements to your collection. This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Advanced features CMS CMS: Adding and Setting Up a Dynamic List Page Dynamic list pages allow you to showcase various items from your CMS collection in an organized index. Each item, displayed in a repeater, gallery, or table, links to the collections' dynamic item page where visitors read more about the specific item. A dataset controls the connections between the page elements and your collection fields. In the dataset settings, you can control the number of items that appear at a time. You can add filters to only include certain items or add sort conditions that control the order in which they appear. Add 'Load More' or navigational buttons to improve your page loading performance if you have a lot of items to show. You can also give visitors the ability to filter the items they see on the page by using input elements like dropdowns, radio buttons, or checkboxes. Before you begin: Create a CMS collection that includes the items you want to display on your dynamic list page. Create a dynamic item page for your collection. You will link items on your dynamic list page to your collection's dynamic item page. Alternatively, you can add the dynamic item page at the same time as your dynamic list page. See step 1 below for directions. Step 1 | Add a dynamic list page From your editor's CMS panel, create a dynamic list page for your collection. This adds a new page that displays different items from your collection in a repeater that you will customize later. Wix Editor Go to your editor . Click CMS on the left side of the editor. Click Your Collections . Click the collection that you want to create your dynamic list page from. Click More Actions and select Add dynamic page . Select List page and click Add to Site . Tip: Select Item page as well to add a dynamic item page for the collection at the same time. Studio Editor Go to your editor . Click CMS on the left side of the editor. Click Your Collections . Click the collection that you want to create your dynamic list page from. Click More Actions and select Add dynamic page . Select List page and click Add to Site . Tip: Select Item page as well to add a dynamic item page for the collection at the same time. Step 2 | (Optional) Modify the URL slug structure You may want to edit the URL slug structure of your dynamic list page to keep the web addresses of your dynamic pages organized. For example, you could create the following URL slug structures for your dynamic pages: Dynamic list page: https://www.{your-domain.com}/{collection-name} Dynamic category page: https://www.{your-domain.com}/{collection-name}/{category} Dynamic item page: https://www.{your-domain.com}/{collection-name}/{category}/{primary-field} When editing the URL slug structure, the structure cannot already be used by other existing pages on your site. To be unique , the URL slug structure cannot have the same prefix (e.g. {Collection name}) and the same number of variables as another page on your site, even if the variables are different. Show me an example of conflicting URL slug structures that cannot be used In the example image below, the URL slug structures conflict with each other because they share the same prefix and have the same number of variables: felines/{origin} felines/{category} Even though technically, the web addresses generated could be unique for each page, the total number of variables after the shared prefix causes the slug structures to conflict. When editing the URL slug structure, make sure it does not have the same prefix and number of variables as another slug structure used on your site. Important: If you want the old dynamic URLs to automatically redirect to the new URLs you create, make sure your site first has a connected domain . If your site does not have a domain connected, the old URLs will no longer work and instead, will load 404 error pages. To edit the URL slug structure of your dynamic list page: Wix Editor Go to your editor . Click Pages & Menu on the left side of the editor. Click Dynamic Pages . Hover over the dynamic list page you just created and click the More Actions icon on the right. Tip: By default, the dynamic list page you created is titled: {Collection Name} (List) Click SEO . Edit the URL slug structure field: Click Edit next to the URL slug structure field and choose what you want to do: Add Variable: Click + Add Variable and choose a 'Text' or 'Number' field to use its values in the URL slug structure. Add static values: Click the field and enter the static values you want to use in the URL slug structure. Use only English letters, numbers or dashes. Click Save . Click Replace URLs to confirm the changes. The dynamic page's previous URLs will be deleted and will no longer work. Instead, the new URLs will be generated for the dynamic page. Studio Editor Go to your editor . Click Pages on the left side of the editor. Hover over the dynamic list page you just created and click the More Actions icon on the right. Tip: By default, the dynamic list page you created is titled: {Collection Name} (List) Click SEO . Edit the URL slug structure field: Click Edit next to the URL slug structure field and choose what you want to do: Add Variable: Click + Add Variable and choose a 'Text' or 'Number' field to use its values in the URL slug structure. Add static values: Click the field and enter the static values you want to use in the URL slug structure. Use only English letters, numbers or dashes. Click Save . Click Replace URLs to confirm the changes. The dynamic page's previous URLs will be deleted and will no longer work. Instead, the new URLs will be generated for the dynamic page. Step 3 | Connect the repeater to the CMS You now have a dynamic list page with a repeater that includes 2 text elements, an image, and a button in each container. Each of your repeater's containers displays a different item from your collection. Connect each part of the elements to the relevant collection fields to ensure they display the info you want them to. We recommend connecting the button to your collection's dynamic item page so visitors can click to go to the relevant item's dedicated page. To provide more info about each item, you can attach more supported elements to the repeater. Then connect these elements to your collection fields in the dataset where you manage all the CMS connections. Want to use a gallery or table instead of a repeater? If you'd rather display your collection items in a gallery or table , you can. Delete the default repeater then add a pro gallery or table. Then connect each part of your gallery or table to the CMS collection through the dataset, in the same way you would connect the repeater. Wix Editor (Optional) Add elements to your repeater (e.g. buttons, text, images) or remove elements you do not need. You can adjust the size of the repeater so it can contain all the elements. Click the repeater element and select the Connect to CMS icon . In the Connect Repeater panel on the right, click the element you want to connect. Under Connections , click the relevant drop-downs to connect the element to the relevant collection field or dataset action. The options vary depending on the element type. Tips: To link the button element to the dynamic item page, click the Click action connects to field and select the collection's dynamic item page that ends with (Item) . To link an image element to the dynamic item page, click the Link connects to drop-down and select the collection's dynamic item page that ends with (Item) . Click Repeater connections at the top of the panel on the right. Repeat steps 3-5 above to connect the elements to collection fields or dataset actions. Click to adjust your repeater elements as needed. Tip: You can add or remove elements from your repeater at any time. Disconnect elements if you want to use static content that doesn't change. Click Preview to test your dynamic list page. Click Publish if you are ready to make the changes go live. Studio Editor (Optional) Add elements to your repeater (e.g. buttons, text, images) or remove elements you do not need. You can adjust the size of the repeater so it can contain all the elements. Click the repeater element and select the Connect to CMS icon . In the Connect Repeater panel on the right, click the element you want to connect. Under Connections , click the relevant drop-downs to connect the element to the relevant collection field or dataset action. The options vary depending on the element type. Tips: To link the button element to the dynamic item page, click the Click action connects to field and select the collection's dynamic item page that ends with (Item) . To link an image element to the dynamic item page, click the Link connects to drop-down and select the collection's dynamic item page that ends with (Item) . Click Repeater connections at the top of the panel on the right. Repeat steps 3-5 above to connect the elements to collection fields or dataset actions. Click to adjust your repeater elements as needed. Tip: You can add or remove elements from your repeater at any time. Disconnect elements in which you want to use static content that doesn't change. Click the Preview icon at the top right to test your dynamic list page. Click Publish if you are ready to make the changes go live. Step 4 | (Optional) Manage the dataset settings By default, your dynamic page dataset allows up to 100 items to initially display in your repeater or gallery. You can adjust the items per load to allow up to 1000 items to load at a time. You can also add filters to include only certain items, or add sorts to control the order in which the items display. Wix Editor Go to the repeater's connected dataset settings: Click the repeater. Click the Connect to CMS icon . Click Dataset Settings in the Connect Repeater panel on the right. (Optional) Click the permission type next to Permissions to determine who can view, add, update, or delete collection content on your live site. (Optional) Click the Dataset name field if you need to edit the name of the dataset. (Velo only) Click the Dataset ID field to edit the ID used to identify the dataset in your page's code. Click the Dataset mode drop-down and select the relevant option: Read: Connected elements can read and display content from your collection. The elements cannot modify the collection content. Read & Write: Connected elements can display content from your collection. Input elements can add or edit content in your collection. Edit the Items per load field to set the maximum number of items that can load at a time . This is also the maximum number of items that can load when visitors click 'Load More' buttons, 'Next/Previous page' buttons, or pagination bars. See the next section for steps. Note: This field does not apply to tables. If using a table to display your items , limit the number of items displayed by clicking the table's Layout icon , then setting a custom table height and enabling pagination. (Optional) Click + Add Filter to only show specific items in the repeater. (Optional) Click + Add new sort to choose the order in which the items appear in the repeater. Click Preview to test your dynamic list page. Click Publish if you are ready to make the changes go live. Studio Editor Go to the repeater's connected dataset settings: Click the repeater element. Click the Connect to CMS icon . Click Dataset Settings in the Connect Repeater panel. (Optional) Click the permission type next to Permissions to determine who can view, add, update, or delete collection content on your live site. (Optional) Click the Dataset name field if you need to edit the name of the dataset. (Velo only) Click the Dataset ID field to edit the ID used to identify the dataset in your page's code. Click the Dataset mode drop-down and select the relevant option: Read: Connected elements can read and display content from your collection. The elements cannot modify the collection content. Read & Write: Connected elements can display content from your collection. Input elements can add or edit content in your collection. Edit the Items per load field to set the maximum number of items that can load at a time . This is also the maximum number of items that can load when visitors click 'Load More' buttons and 'Next/Previous page' buttons. See the next section for steps. Note: This field does not apply to tables. If using a table to display your items , limit the number of items displayed by clicking the table's Layout icon , then setting a custom table height and enabling pagination. (Optional) Click + Add Filter to only show specific items in the repeater. (Optional) Click + Add new sort to choose the order in which the items appear in the repeater. Click the Preview icon at the top right to test your dynamic list page. Click Publish if you are ready to make the changes go live. Step 5 | (Optional) Create 'Load More' or navigational buttons If you plan on displaying many items on this page, consider adding a 'Load More' button to improve the page's loading performance. The dataset's Items per load field determines how many items can initially load on the page and how many additional items can load when visitors click your 'Load More' button. You can also add 'Next/Previous Page' buttons or a pagination bar (Wix Editor only) that cause the page's connected repeater or gallery to display the next or previous 'page' of items. The Items per load field determines the maximum items that appear in each 'page' of items. Wix Editor Choose what you want to do: Create a 'Load More' button Add a button to your page: Click Add Elements on the left side of the editor. Click Button , then drag the button onto your page where you want it to appear (e.g. below the repeater). Do not attach the button to your repeater. Tip: Alternatively, you can add an image and use it as your 'Load More' button. Click Change Text and enter the text you want to display on the button (e.g. "Load More"). Click the Connect to CMS icon . Click the Choose a dataset drop-down and select the same dataset that connects to your repeater. Click the Click action connects to drop-down and select Load more . Click the button and select the Design icon to customize the appearance of your 'Load More' button. Click Preview to test your 'Load More' button. Click Publish if you are ready to make the changes go live. Create 'Next Page' and 'Previous Page' buttons Add a 'Next Page' button to your page: Click Add Elements on the left side of the editor. Click Button , then drag the button onto your page where you want it to appear (e.g. below the repeater). Do not attach the button to your repeater. Tip: Alternatively, you can add an image and use it as your 'Next Page' button. Click Change Text and enter the text you want to display on the button (e.g. "Next Page"). Click the Connect to CMS icon . Click the Choose a dataset drop-down and select the same dataset that connects to your repeater. Click the Click action connects to drop-down and select Next page . Click the button and select the Design icon to customize the appearance of your 'Next Page' button. Duplicate your 'Next Page' button: Right-click the button ( control + click on Mac). Select Duplicate (or press Ctrl + D or ⌘ + D on Mac). Click and drag the button where you want it to appear. Do not attach it to your repeater. Click Change Text and enter the text you want to display on the button (e.g. "Previous Page"). Click the Connect to CMS icon . Click the Click action connects to drop-down and select Previous page . Click Preview to test your 'Next Page' and 'Previous Page' buttons. Click Publish if you are ready to make the changes go live. Studio Editor Choose what you want to do: Create a 'Load More' button Add a button to your page: Click Add Elements on the left side of the editor. Click Button , then drag the button onto your page where you want it to appear (e.g. below the repeater). Do not attach the button to your repeater. Tip: Alternatively, you can add an image and use it as your 'Load More' button. Click Change Text and enter the text you want to display on the button (e.g. "Load More"). Click the Connect to CMS icon . Click the Choose a dataset drop-down and select the same dataset that connects to your repeater. Click the Click action connects to drop-down and select Load more . Click the button and select the Design tab from the Inspector panel to customize the appearance of your 'Load More' button . Click the Preview icon at the top right to test your 'Load More' button. Click Publish if you are ready to make the changes go live. Create 'Next Page' and 'Previous Page' buttons Add a 'Next Page' button to your page: Click Add Elements on the left side of the editor. Click Button , then drag the button onto your page where you want it to appear (e.g. below the repeater). Do not attach the button to your repeater. Tip: Alternatively, you can add an image and use it as your 'Next Page' button. Click Change Text and enter the text you want to display on the button (e.g. "Next Page"). Click the Connect to CMS icon . Click the Choose a dataset drop-down and select the same dataset that connects to your repeater. Click the Click action connects to drop-down and select Next page . Click the button and select the Design tab from the Inspector panel to customize the appearance of your 'Load More' button . Duplicate your 'Next Page' button: Select the button. Press Ctrl + D on your keyboard (or ⌘ + D on Mac). Click and drag the button where you want it to appear. Do not attach it to your repeater. Click Change Text and enter the text you want to display on the button (e.g. "Previous Page"). Click the Connect to CMS icon . Click the Click action connects to drop-down and select Previous page . Click the Preview icon at the top right to test your 'Next Page' and 'Previous Page' buttons. Click Publish if you are ready to make the changes go live. Tip: In the Wix Editor, you can also connect a pagination bar that allows visitors to cycle through 'pages' of items. The Items per load field determines how many items can appear in each 'page' of the pagination bar. If you would like to see pagination bars in the Studio Editor, vote for this feature here . Step 6 | (Optional) Let visitors filter items Give visitors ways to filter the items that appear on your dynamic list page with input elements . Choose from any of the following input elements that allow filtering: Radio Buttons , Checkboxes , Dropdown , Selection Tags , or Slider (Range Sliders only). Learn how to set up input elements that allow visitors to filter collection content . FAQs Click the questions below for answers to common questions about setting up dynamic list pages. How do visitors get to my dynamic list page? To ensure visitors can access your dynamic list page, we recommend adding a link to it in your site's menu. You could also link other elements such as text, buttons, or images to your dynamic list page. Learn how to add a link to your dynamic list page that appears in your site's menu . Can I create dynamic pages that list items by category? Yes. The recommended way is to use category collections with the built-in 'Category' field type. This gives you purpose-built dynamic category pages, automatic URL generation, two-way sync between categories and items, and primary category support for SEO. Learn how to: Set up category collections Create dynamic category pages Alternatively, you can create dynamic category pages manually using text or number fields if you need more customization control. Why doesn't my page show the items I connected? There are several setup factors that can cause your repeater, gallery or table to not load the connected items. The most common reasons involve the dataset settings, collection permissions, and sandbox syncing. Check the following to troubleshoot your connections: Make sure all the elements in your repeater are properly connected to the same dynamic page dataset. Check in the dataset settings that your Items per load field and your filters and sort conditions are set correctly. Check that you're using the correct collection permissions . If sandbox is enabled, ensure the sandbox and live collections are synced . If the URL slug was recently updated, we recommend setting up a 301 redirect . Learn more ways to troubleshoot CMS collection issues . How do I link the items to their dynamic item page? You can set up your repeater so that clicking an image or button takes you to the item's dynamic item page. Make sure your repeater already has an image or button attached to it. When connecting the button (see step 3 above), click the Click action connects to drop-down and select the relevant dynamic item page. Learn more about: Displaying collection content on your page . Dataset actions for images and buttons . Why can't I attach some elements to the repeater? Currently, there are limitations to the types of elements you can add to repeaters. Learn more about which elements cannot be attached to repeaters . Can I see how a pre-connected repeater works before setting up my own? Yes. You can add a preset collection , built with sample items and fields, that adds dynamic pages to your site. Most presets add a dynamic list page with a repeater already connected to the collection so you can see how it works. The Portfolio preset adds a connected gallery instead of a repeater so choose a different preset to test a connected repeater. This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Studio, Partners & Enterprise Wix Studio Wix Studio: Joining the Wix Partner Program The Wix Partner Program is a loyalty program for agencies and freelancers, offering benefits to help your business grow. Gain access to 24/7 priority support, revenue share opportunities, expert guidance from our Partner Success Team, and eligibility for perks like joining the Wix Marketplace. Join the Partner Program Important: To apply to become a Wix Partner, you must be the workspace owner. Start your journey as a Wix Partner directly from your Studio workspace by filling out the short form to provide details about your agency. Once you submit the form, you can start enjoying the program benefits. To join the Partner Program: Click Become a Partner on the top left of your workspace. Click Become a Partner again in the pop-up. Fill out the form: Note: All fields are mandatory. Click the Upload icon to add your agency logo. Tip: We recommend using a high-quality image of 190x190px and with a light-colored background. Enter the name of your agency. Enter your Agency site URL . From the Agency's main expertise drop-down, select what your agency specializes in. Select Other if your expertise is not on the list. Under No. of team members , enter the number of people who are a part of your agency. Click Join Partner Program . New to the Partner Program? Start growing your business by creating your agency profile , earning points , receiving revenue share , and submitting your Studio templates to the Marketplace . Earn points Earn points for building and upgrading sites or receiving certifications to unlock more benefits and advance through the Partner Program. Each level unlocks exclusive benefits to help you grow your business. Track your progress and earned points in the Partner level section at the top left of your Wix Studio workspace. View a breakdown of your total points, including upgraded sites, certifications and manual adjustments. Learn more about earning points in the Wix Partner Program . Unlock exclusive benefits Gain access to exclusive benefits as a Wix Partner. Earn points for building and upgrading sites to unlock more benefits as you progress to higher levels. Priority support Get your questions answered promptly and tailored to your business needs. Wix Partners get priority support when requesting a callback or submitting a ticket. Learn more about priority support for Wix Partners . Revenue share As a Wix Partner, you can earn revenue share from eligible Wix plans and from transactions processed through Wix Payments on your clients' eligible sites. Learn more about earning revenue share in the Wix Partner Program . Sell templates Looking to showcase your creativity and earn from your skills? You can feature your Studio templates in the Marketplace to reach a wider audience of creators. The best part? You'll keep 100% of the profits from your template sales. Learn more about selling custom Studio templates in the Marketplace . Join the Wix Marketplace Expand your client base by applying to join the Wix Marketplace once you reach Icon level. Get matched with quality leads from Wix users looking to hire your skills and expertise, and connect with new clients to grow your business. In the Wix Marketplace, you can manage project requests, communicate with potential clients, and track your progress as you work on new opportunities. Learn more about applying to join the Wix Marketplace . Manage projects on the go Stay in control with the Wix Studio mobile app. Manage your agency's sites and projects from anywhere, respond to Wix Marketplace leads, communicate with clients, track ticket statuses, and more—all from your phone. The Wix Studio mobile app offers all the capabilities of the Wix app, along with additional features designed specifically for agencies. Learn more about the Wix Studio mobile app . FAQs Click below to view answers to the most frequently asked Wix Partner Program questions. Who is the Wix Partner Program for? Agencies and freelancers who build websites for their clients. Do I have to be a Wix Studio user in order to join the Wix Partner Program? Yes. The option to become a Partner is only available to Wix Studio users. Learn more about switching from the regular Wix experience to Wix Studio . How can I mention the Wix Partner Program online? For all those who are registered members of the Wix Partner Program, you can advertise or externally market that you are part of the “Wix Partner Program” on your website, marketing materials, social media profiles, and in conversations with prospects. Depending on which level you achieve through the Wix Partner Program, you will have the opportunity to advertise using certain badges. You can use the official Wix Partner Program badge on your website, marketing materials or social channels. Can I advertise my agency as a Wix Partner? You may not refer to the Wix Partner Program as an exclusive partner, or that Wix is in an exclusive partnership with your business in a press release. You may advertise or externally market that you are part of the “Wix Partner Program” on your website, marketing materials, social media profiles, and in conversations with prospects. Additionally, you may advertise your current Wix Partner badge on your website, marketing materials or social channels. Can I advertise my freelance services as a Wix Partner? You may not refer to the Wix Partner Program as an exclusive partner or service. To ensure that freelancers and agencies use the Wix Partner Program positioning consistently across business and marketing channels, we've created Wix Partner Program Terms of Use you can review. Can I mention Wix Partner in my company press releases? You may not refer or mention Wix Partner in a dedicated press release positioning Wix Partner as an exclusive partner or exclusive service. You may only refer to your business as participating in the Wix Partner Program. This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Managing your business Discounts, gift cards, & incentives Wix Gift Cards: Customizing Your Gift Card Email Template Customize the automated emails sent to gift card recipients to reflect your unique style and branding. You can create branded templates with images, fonts, logos, customizable backgrounds, and more. The sender and recipient details, personal message, and gift card information are automatically pulled from your settings and order information. Note: This automation is free. It is not counted as one of your allowed number of automations . Customizing the gift card email template Customize the email sent to gift card recipients with various elements such as text, images, and background colors to make the email more eye-catching and reflective of your brand. Notes: Any changes you make to the email template apply to all gift cards, whether they were purchased by customers or issued by you . If the gift card sender or the recipient's email address is already in your site's Contact List , the email will show their name as saved in the Contact List. To customize the gift card email template: Go to Gift Cards in your site's dashboard. Click the More Actions icon at the top right. Click Edit gift card email . Note: This redirects you to Automations in your site's dashboard. Click the Send an email action to open the panel on the left. Click Edit under Create an email . Edit your email design using the options on the panel. Customize or add elements : Click Add to add new elements or click an element in the email to customize it. For example, replace the gift card image or change the button design. Choose a theme: Click Themes to change the template's general color and text formatting. Customize the background : Click Background to choose from solid colors, patterns, or upload your own image for the email's background. (Optional) Click Preview & Test to review and test how the email looks. When ready, click Save & Continue . Click Publish Changes at the top right. Important: The email contains personalized content which allows details such the recipient's details and gift card code to appear. Do not edit or remove these fields, so that the recipient gets all the information they need. FAQs Click a question below to learn more about customizing the gift card email. How can I go back to the default template? To reset the gift card email template: Go to Gift Cards in your site's dashboard. Click the More Actions icon at the top right. Click Edit gift card email . Click the Send an email action to open the panel on the left. Click More Actions and select Reset to default template . How do I display the gift card image from my site in the email? To have the gift card image match the one on your site, make sure the image is set to Dynamic image in the panel on the left. If you added a custom email image and want to go back to displaying the image that appears in your site, click the image and select Dynamic image on the left. After you do so, any time you update the gift card image on your site, it's automatically updated in the recipient email. What happens if I delete personalized content from the email template? If you delete personalized content, that text won't appear in the email. This means that important information could be missing, such as the sender and recipient details, personal message, gift card code, amount, or expiration date. How can I add back personalized content that I deleted from the email template? Edit the email template to add back the personalized content that you deleted. Go to Gift Cards in your site's dashboard. Click the More Actions icon at the top right. Click Edit gift card email . Click the Send an email action to open the panel on the left. Click Edit under Create an email . Click + Add and select Text . Click + Add Personalized Content . Click the Which value do you want to add? drop-down and select the relevant dynamic value. Click Add . This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit

< Back Studio, Partners & Enterprise Wix Studio Studio Editor: Managing and Customizing Flexboxes Manage and customize your flexboxes to create a unique experience for your visitors. You can resize items to fit your page structure, adjust the display settings, and add, delete, and re-order items as you go. Managing flexbox items Manage your flexbox items to further personalize your content and keep it up to date. You can hide items from breakpoints, change their order, and more. To manage your flexbox items from the Inspector: Select the relevant flexbox. Click the Open Inspector icon at the top right of the editor. (In the Inspector) Click Manage next to the number of items. Choose what you want to do with your items: Reorder: Hold the Reorder icon next to the relevant item and drag it to its new position. Manage: Click the More Actions icon next to the relevant item. Manage the items using the options: Duplicate: Make a copy of a specific item. Rename: Give each item a name you can recognize. Delete: Remove the item completely. Hide: Hide this item from the specific breakpoint you're working on. Customizing your flexbox display Select a flexbox display to complement your page's structure. Change the display type directly on the canvas, or head over to the Inspector panel if you want to customize settings like gaps, direction, and width. To customize the display: Select the relevant flexbox. Click the Open Inspector icon at the top right of the editor. Scroll down to Layout . (Optional) Click Display type and select a type from the drop-down. Customize your flexbox based on the display type you choose: Direction: Decide whether your items are organized from left to right or right to left. Item proportions: Click Equalize to give all flexbox items the same size definitions. Item width: Select the width of the flexbox items in percentage, or set them all as the max width. Gaps: Enter a value (in px, vh, vw, or to scale) for the horizontal and vertical spaces between the flexbox items. Note: If you choose the slider or slides display, the available options (horizontal or vertical) depend on the slider direction you choose. Item alignment: Choose how your items should be aligned and positioned. Depending on the look you want to achieve, you can align the items to the flexbox edges (start or end), or create space between / around the items. Overflow content: Select whether to hide or display overflow content. Slider direction: Display your items on a horizontal or vertical slider. Scroll snap align: Click the toggle to enable it. When scrolling through the slides of your flexbox, it "snaps" to each item (slide) so visitors don't miss it. Items per slide: Set how many items are displayed per slide action. Navigation: Add arrows, a button, or text to help visitors navigate through the items. Show scrollbar: Show or hide a scrollbar for your visitors to scroll through the items. Notes: The available settings vary based on the layout you choose. Some older browsers don't support gaps (e.g. Chrome 76-83, Safari 12-14 and Edge 79-83). This means visitors who access your client's site from these browsers don't see the gaps you set between flexbox items. Working with breakpoints: You can set a different flexbox layout for each breakpoint. We recommend the column or slider layout on smaller screens such as mobile devices. Resizing flexbox items You can resize each individual flexbox item to make them bigger or smaller than the others. Use the Inspector panel to adjust each item's width and height, as well as the horizontal and vertical margins around items. To resize an item: Select the relevant flexbox. Select the item you want to resize. Click the Open Inspector icon at the top right of the editor. Choose how to adjust the item: Size: Enter your chosen size into the fields at the top of the Inspector panel. You can click the current unit of measurement to change it. Margins: Scroll down to Position in the Inspector panel to set top, bottom and side margins for this specific item. This article is credited to the Wix team - https://support.wix.com/ and we thank them for that! Previous Next Need An AI Run Website? Contact Us Today! Submit