How to Add Frequently Bought Together Products in WooCommerce Site

Enhancing your WooCommerce store with “Frequently Bought Together” products is one of the most effective ways to increase sales and improve customer satisfaction. This feature allows you to showcase related or complementary products directly on your product pages, encouraging customers to add more items to their carts. By offering smart product recommendations, you can create a seamless shopping experience that feels personalized and convenient for every visitor. Whether it’s suggesting matching accessories, similar items, or bundle deals, this strategy helps boost your average order value while making your store look more professional and customer-focused.

In this blog, we’ll walk you through the step-by-step process of adding Frequently Bought Together products in WooCommerce site using plugins and built-in tools. By the end, you’ll be ready to implement this feature effectively and maximize your store’s revenue potential with minimal effort.

What Are Frequently Bought Together Products?

Frequently Bought Together Products in WooCommerce are complementary or related items that customers often purchase alongside a primary product. This popular sales strategy, inspired by leading eCommerce platforms like Amazon, displays smart product recommendations such as “Customers who bought this item also bought…” directly on your product pages. The goal is to encourage shoppers to add more items to their cart, thereby increasing the total order value and enhancing the overall shopping experience.

In WooCommerce, Frequently Bought Together Products can include accessories, alternative choices, or bundled combinations that add more value to the main product. For example, if a customer is browsing a laptop, you can display items like a laptop bag, mouse, and cooling pad as Frequently Bought Together suggestions. This approach simplifies customer decisions, promotes relevant products, and makes the shopping experience more personalized and engaging.

Why Add Frequently Bought Together Products in WooCommerce?

Adding Frequently Bought Together Products in WooCommerce to your store offers several key benefits that can significantly enhance your sales strategy and overall customer experience.

1. Boosts Average Order Value (AOV): Encourages customers to buy multiple items in a single purchase, increasing the total revenue per transaction.
2. Improves Cross-Selling and Upselling: Helps you promote related products naturally, improving visibility and creating more buying opportunities.
3. Enhances User Experience: Offers customers relevant product suggestions that make their shopping journey easier and more personalized.
4. Builds Customer Trust: Displaying thoughtfully curated product combinations makes your store look more professional and customer-oriented.
5. Increases Conversion Rates: Personalized product recommendations keep users engaged longer, boosting the likelihood of completing a purchase.

By implementing Frequently Bought Together Products in WooCommerce, store owners can elevate their sales performance while providing a seamless and enjoyable shopping experience.

Steps to Add Frequently Bought Together Products in WooCommerce

Frequently Bought Together Products is powerful upselling and cross-selling technique, inspired by eCommerce giants like Amazon, can easily be implemented in WooCommerce using the YITH Frequently Bought Together for WooCommerce plugin. Below, we’ll go through every step in detail from installation to configuration and testing to help you set up this feature perfectly on your WooCommerce site.

Step 1: Install and Activate YITH Frequently Bought Together for WooCommerce Plugin

To begin adding Frequently Bought Together products in WooCommerce, the first and most important step is to install and activate the YITH Frequently Bought Together for WooCommerce plugin. This plugin is designed to integrate seamlessly with WooCommerce and helps store owners showcase related or complementary products directly on product pages. It encourages customers to purchase multiple items together, enhancing sales opportunities through cross-selling and upselling. However, before installing this plugin, make sure you already have WooCommerce installed and activated on your WordPress website. The YITH plugin functions as an add-on, utilizing your existing WooCommerce product catalog and store configurations.

Follow the steps below to install and activate the plugin correctly:

• Login to your WordPress Dashboard: Start by accessing your website’s admin panel using your login credentials.
• Navigate to Plugins > Add New: From the left-hand sidebar, click on “Plugins” and then select the “Add New” option.
• Search for the Plugin: In the search bar, type “YITH Frequently Bought Together for WooCommerce” and press Enter.
• Install the Plugin: Locate the official plugin developed by YITH and click the “Install Now” button.
• Activate the Plugin: Once installed, click on “Activate” to enable the plugin on your WooCommerce site.

After activation, a new section for Frequently Bought Together settings will appear within your WooCommerce product configuration menu. This will allow you to start linking related products and customizing how they appear. Before proceeding, it’s essential to configure the plugin settings properly to ensure that the product display, layout, and buttons align perfectly with your store’s theme and user experience.

Step 2: Configure Settings of YITH Frequently Bought Together for WooCommerce Plugin

After successfully activating the YITH Frequently Bought Together for WooCommerce plugin, the next essential step is to configure its settings to ensure it matches your store’s branding and layout preferences. This configuration process is vital because it determines how the Frequently Bought Together products box will appear on your product pages including its title, labels, button text, and color scheme. The goal is to make the section visually appealing and aligned with your website’s overall design aesthetics. To access these options, go to your WordPress Dashboard, navigate to YITH > Frequently Bought Together, and open the Settings tab. This will open a dashboard where you can fine-tune every detail of how your product recommendations appear to customers.

Settings Overview

Within the Settings section, you can control the general behavior of the plugin, define the appearance of the Frequently Bought Together box, and customize all the text labels to match your store’s voice and tone. Many store owners rely on tools from the YITH WooCommerce plugins collection because they provide flexible settings that improve the shopping experience while keeping product recommendations clear and engaging for customers.

• General Options: This part of the setup allows you to configure the overall behavior of the plugin. Here, you decide how related products will display, whether they appear automatically or are selected manually, and how they interact with customers when viewed on a product page. Properly adjusting these options ensures a seamless and intuitive user experience.
• Box Title: The box title is what captures customer attention first. By default, it is set to “Frequently Bought Together.” However, you can customize it to something more appealing such as “Complete the Look”, “You May Also Like”, or “Customers Also Bought.” This title appears above the related product section, encouraging customers to explore complementary products and enhancing engagement.
• Total Label: This label displays the combined total price of all the selected products. The default label reads “Price for all.” You can personalize it to sound more promotional for example, “Get all these for just:” or “Bundle Price.” A catchy label makes the offer more enticing and helps in improving conversion rates.
• Button Label: The button label defines the text displayed on the action button that allows customers to add all selected products to the cart. By default, it says “Add all to Cart.” You can modify it to “Buy Together Now”, “Add Bundle to Cart”, or “Shop the Set.” Choosing the right phrase here can significantly influence user interaction and motivate customers to complete a purchase.

Button Colors Configuration

To maintain brand consistency and ensure the Frequently Bought Together products in WooCommerce section blends perfectly with your store’s theme, you can customize the button’s color palette. The plugin provides simple color picker tools for each button element, allowing you to create a cohesive look.

• Background Color: Use #222222, a dark and elegant shade that complements most WooCommerce themes.
• Background Hover Color: Set to #777777 for a subtle visual transition effect when users hover over the button, enhancing interactivity.
• Text Color: Choose #ffffff (white) for optimal readability and contrast against the dark background.
• Text Hover Color: Keep this as #ffffff for consistency and simplicity.

Once you’ve configured these settings, click Save Changes to apply your preferences. By completing this step, you ensure that your Frequently Bought Together products in WooCommerce appear consistently across all product pages, improving compatibility with woocommerce product filters and maintaining both functionality and visual harmony. This attention to design and detail not only enhances your store’s aesthetics but also improves user engagement, making it easier for customers to explore and purchase related products together.

Step 3: Create a Product in WooCommerce

Before you can start linking products together, you need to have at least one main product added to your WooCommerce store. This main product acts as the primary item around which the Frequently Bought Together products in WooCommerce section will revolve. If you already have existing products in your store, you can easily edit one to add related items. However, if you’re setting up a new product, WooCommerce makes it simple and intuitive to create one from scratch. Follow the steps below to create a new product effectively:

• Go to Products > Add New: From your WordPress dashboard, navigate to Products and click Add New. This opens the product creation page, where you can add all essential details.
• Add Product Title: Enter a descriptive and keyword-rich title, such as “Wireless Bluetooth Headphones.” A clear title helps customers easily identify the product.
• Add Product Description: Write an engaging and detailed description that covers the product’s features, specifications, and benefits. This builds trust and helps customers make informed buying decisions.
• Upload Product Image: Use a high-quality product image that clearly represents your item. You can also upload a gallery with multiple images showing different angles and details.
• Add Product Tags and Categories: Tags enhance search visibility, while categories help organize your store, making it easier for customers to find products.
• Set Product Price: Enter the product’s regular price and, if applicable, a discounted sale price to attract buyers.
• Configure Inventory and Shipping Settings: Add SKU, manage stock quantity, and specify shipping details based on your product’s nature.

Once you’ve completed all these steps, your product is ready to be linked with other related products in the Frequently Bought Together section to drive more sales and engagement.

Step 4: Configure the Frequently Bought Together Settings in the Product Data Section

Once you have created your main product, the next step to add Frequently Bought Together products in WooCommerce is to configure them within the product data section. The YITH Frequently Bought Together for WooCommerce plugin automatically adds a new tab inside your product settings, allowing you to link related or complementary items easily. This is where you define which products should appear together on a product page, helping customers discover items that enhance their main purchase. Configuring this setting correctly ensures that your product recommendations appear professional, relevant, and optimized for conversion.

To begin, follow these steps carefully:

• Open the Product for Editing: Go to your WordPress dashboard and click on “Products.” Choose the specific product where you want to display related items. This will open the product editor screen.
• Scroll to the Product Data Section: In the product editor, you will find the Product Data panel containing tabs like General, Inventory, Shipping, and others. Locate the newly added tab labeled “Frequently Bought Together.”
• Click on the Frequently Bought Together Tab: Once inside, you’ll find an option to select products that should be displayed as Frequently Bought Together items.
• Select the Related Products: Use the product search box to locate complementary items and add them. For example, if your main product is Wireless Bluetooth Headphones, you might include Charging Cable, Protective Case, or Headphone Stand. You can add multiple products, and they’ll appear as a group on the product page.
• Adjust Product Order (Optional): Drag and reorder products to determine their display sequence.
• Save the Changes: After selecting your related items, click “Update” or “Publish” to save your configuration.

Once done, your product page will showcase a “Frequently Bought Together” section featuring the selected items, total price, and an “Add all to Cart” button, enriching the shopping experience.

Step 5: Publish and Test the Functionality

After configuring all the settings of the YITH Frequently Bought Together for WooCommerce plugin, the final and most crucial step is to test the Frequently Bought Together products in WooCommerce to ensure that everything functions properly. This stage helps verify that the products are displayed correctly on the product page, the buttons are responsive, and the user experience is smooth across all devices. Once you’re satisfied with the configuration, follow the steps below to confirm that the feature works exactly as intended.

• Publish the Product: If you’ve created a new product, click on the “Publish” button in the WordPress editor to make it live on your WooCommerce store. For existing products where you’ve added Frequently Bought Together items, simply click “Update.” This action ensures your changes are saved and visible on the front end.
• View the Product Page: Visit your store’s front end and open the product page where you applied the Frequently Bought Together setup. This allows you to visually confirm the section’s layout and placement within the product details area.
• Check the Frequently Bought Together Box: Ensure that the section title “Frequently Bought Together” (or your customized version) is displayed prominently. The related products you selected should appear beneath the main product, complete with their images, prices, and checkboxes. Verify that the total price label reads “Price for all” or your preferred text, and that the “Add all to Cart” button appears with your chosen color scheme.
• Test Add to Cart Functionality: Select one or multiple related products and click the “Add all to Cart” button. Confirm that all selected products are correctly added to the cart and that their combined prices are accurately reflected.
• Verify Mobile Responsiveness: Lastly, check the product page on mobile devices and tablets to ensure the Frequently Bought Together box appears neatly formatted and user-friendly.

If all these elements function smoothly, you’ve successfully implemented and tested Frequently Bought Together products in WooCommerce.

Conclusion

We have explored what Frequently Bought Together products are, their benefits, and the complete steps to add them to your WooCommerce store. Implementing Frequently Bought Together Products in WooCommerce helps you increase sales, enhance customer satisfaction, and create a more engaging shopping experience. By suggesting relevant items, you encourage buyers to discover complementary products, boosting your store’s average order value effortlessly.

Using the YITH Frequently Bought Together for WooCommerce plugin, you can easily set up and customize this feature without any coding skills. It not only strengthens your product presentation but also builds customer trust through convenience and personalization. To make your store look professional and perform seamlessly, check out the Premium eCommerce Store WordPress Themes by WP Elemento, designed to work perfectly with WooCommerce and enhance your site’s visual appeal and performance.