How to Customize WooCommerce Frequently Bought Together Widget?

Wondering how to change the layout of the WooCommerce frequently bought together widget for better product recommendations? In this mini guide, we look at how to customize the FBT recommendation widget.

The WooCommerce Frequently Bought Together feature adds a dedicated section in your store where you can organically market complementary items as product bundles. This ‘Frequently Bought Together’ or ‘Customers Also Bought’ section offers a non-intrusive way of showcasing popular products to your customers.

To make your WooCommerce product recommendations more effective, you would have to improve the visibility of your products. And this is exactly what the WooCommerce Frequently Bought Together widget provides.

Every website is unique in its appearance, content, and branding. To ensure a cohesive look, the frequently bought together section should blend in with the overall design. This is why customizing the layout of your WooCommerce frequently bought together section is so important.

Another thing to note here is that customers (especially online shoppers) are accustomed to certain layouts. For example, most online shoppers are familiar with Amazon’s frequently bought together product suggestions. So they have an idea of how things should look. By adopting a similar design in your store, you can build trust with your customers.

While experiments can attract customers, familiarity encourages them to stay. That is, a user would be more confident to engage with something if they interacted with it earlier. So, an Amazon-like frequently bought together section might prompt more customers to check it out.

But this doesn’t mean that you should compromise on the design. To ensure this, the ‘WebToffee Customers also bought’ plugin offers three different layouts from which you can choose. Let’s see how to set it up.

You can use the WooCommerce product recommendation plugin – Frequently Bought Together for WooCommerce from WebToffee to set up such a dedicated section in your store. The plugin adds a new widget to the product page where you can add the products customers usually buy with a particular item.

The FBT plugin provides three layouts. Each layout is different from one another to make certain that you can find a FBT widget layout suitable for your store.

Step 1: Enable the ‘Customers Also Bought’ Section in WooCommerce

• Go to WooCommerce > Frequently Bought Together on the WordPress dashboard.
• Keep the option Enable frequently bought together checked.
• Next, enable the Suggest products automatically to automate FBT recommendations.

Step 2: Configure the FBT Plugin General Settings

• Choose which products you want to show as default WooCommerce bought together recommendations. You can choose from Upsells, cross sells, or related products (using Related products for WooCommerce).
• You can also set up custom frequently bought together widget recommendations in the Set custom products tab. If enabled, custom FBT recommendations would override automated bought together suggestions.
• Next, select the number of products to show in the FBT recommendation section.
• Decide whether or not to show the primary product (the product that the customer is currently viewing) in the section.
• Specify the default state of primary and related products, whether checked or unchecked.
• Decide what should happen when customers click on an individual-related product.
• If required, configure to hide out-of-stock products.

Step 3: Choose The WooCommerce Frequently Bought Together Widget Layout

• Select how you want that FBT recommendations widget to appear. It can take the Table view, List view (Amazon-like), or Gallery view.

• Specify which fields you want to display. Product thumbnail, price, short description, and quantity counter are available.
• Place the widget in an appropriate location. You can choose from a predefined list of positions.
• Now, configure the changes you want to make to the labels, buttons, and title texts, if any.
• You also have the option to exclude a product or category from the FBT recommendations.
• Click on Save settings to update the FBT recommendation changes made.

Step 4: Creating Custom Frequently Bought Together Product Recommendations in WooCommerce

As mentioned earlier in the steps, you can create custom FBT product recommendations in WooCommerce. For that, you can follow these steps,

• Go to the Set custom products tab to start creating custom FBT product bundles.
• Select the product for which you want to add FBT by clicking Edit.
• In the Linked products section, choose which additional products to show as frequently bought together.
• Click Save to update the changes.

For more details on configuring custom FBT recommendations, refer to our documentation guide to explore all available settings.

The store in which the List view (Amazon-like WooCommerce frequently bought together section) is enabled will have a product page like this.

The Gallery view in the store will appear this way.

This is how the Table view will appear in your store.

All the products in WooCommerce frequently bought together labels would be selected by default. Customers can deselect them, change their quantity, and add all of them to the cart in just a few clicks.

The core purpose of this plugin is to add a dedicated bought together recommendation widget to your store. The WooCommerce product bundles plugin offers several configurations and layouts to make the most out of this eCommerce feature. The key feature of this plugin includes,

• Set up FBT bundle discounts to encourage purchasing the whole bundle
• Multiple FBT recommendation widget layouts
• Automate bought together recommendations
• Multiple product relationship criteria
• Customize the FBT widget display fields
• Define the default state of products in the bought together section
• Hide out-of-stock products
• Limit the number of products to be displayed
• Remove the primary product from the widget
• Disable users from unchecking the primary product while adding the bundle to the cart

The frequently bought together section in WooCommerce stores grabs more eyes to your products. This would help you improve the average order value of your orders. Custom widget layouts for the WooCommerce frequently bought together section enable you to change the layout of the section based on your requirements.

The WooCommerce customer also bought product bundles are easy to set up and improve the visibility of your products.

Hope this article answers all your questions. Thanks for reading and do let us know if you have any further confusion regarding this.