View Product Page

General settings

From the General settings tab in the plugin you can start configuring the general plugin options.

General settings
  • Box title: edit the section title where the customer can find the related products.
  • Select box position: decide in which area of the product page you wish to show the “Frequently Bought Together” section. The available options are:
    • Below product summary
    • Above product tabs
    • Below product tabs
    • Use shortcode [ywfbt_form product_id=””] (you can refer to this page for more information about it)
    • Above product meta
  • Image size: set the image sizes for the products shown in the “Frequently Bought Together” section on the product detail page.
Image size example

If you enable the Hard Crop option, you will have to regenerate the images in your shop. You can use this plugin to do so.

General options
  • Redirect to checkout: the customer will be redirected to checkout automatically after adding the products to cart.
  • Discount name: choose the name of the discount coupon that will be visible in cart and checkout when the user proceeds to purchase the products.
Discount name
  • Highlight discount: show the discounted price highlighted in the “Frequently Bought Together” section.
Highlight discount option example

You can manage the discount percentage/amount at product level, as explained in this page.

  • Loader image: upload a custom icon to display when the box is loading products or options.

Customization

From the Customization tab you can configure the style settings of the plugin, which include Label and Color options

Label options

Total label options
  • Total label for single, double, three or multiple product(s): change the text shown for the total price label in the “Frequently Bought Together” section.

Let’s see an example when selling one product as “Frequently Bought Together” (so, two products in total).

Total label example

We set that the text shown for two products will be “Price for both”, so that is what users will see in the section, as shown in the image above.

Button labels
  • Button label for single, double, three or multiple product(s): Change the text of the “Add to cart” button in the “Frequently Bought Together” section.
Add to cart button label

In the example above, we’re selling three products together, so the “Add to cart” label is “Add all three to cart” like we have set in the Label options.

If users exclude one of these products and add the other to the cart, the text will be dynamically updated according to the values specified for each option.

Cart button label change example

For example, we had all three selected before, but we decide to remove the “Printer” product, so the “Add to cart” label dynamically changes from “Add three to cart” to “Add both to cart”.

Users can select variation(s), if any, of the products added to the frequently bought together section directly from the popup. To configure texts and colors of the form, button, and popup, you can use the following options:

Label options
  • Variation pick button label: text of the button that opens the popup to select the product variation.
Variable product label
  • Popup title: title of the popup from where users can select the product variation.
  • Popup button label: text of the ‘Add to cart’ button in the popup.
Select variation popup - Labels example

Color options

By using the following options, you can edit the colors for the popup:

Color options
  • Form Background Color
  • Button Color
    • Button Hover Color
    • Button Text Color
    • Button Text Hover Color

Linked products

The Linked Products tab includes a list with all products that are shown in a “Frequently Bought Together” section.

Linked products list

Each product in the list has action buttons that allow you to edit or delete the product:

Linked product actions

When you click on the pencil icon to edit, it automatically takes you to the linked product editing page, where you can configure more options for the Frequently Bought Together section. You can refer to this page to read more about it.

Select products

From the Product Editing Page you can configure different options to configure the “Frequently Bought Together” section of the product you’re in.

In this page we will see the options to select the products that will appear in the box.

Select the products type
  • Use related: products that are related by shared tags and/or categories.
  • Use cross-sells: these are the cross-sells products that you set up in the standard WooCommerce tab “Linked products”.
  • Use up-sells: these are the upsells products that you set up in the standard WooCommerce tab “Linked products”.
Linked up-sells and cross-sells
  • Custom products: select specific products you want to show in the FBT box. You can add them by name, ID, and SKU.
Select custom products

Based on your selection, the Frequently Bought Together products will show in the dedicated section of the main product:

Select products example


Show products

Through the following options you can configure how the products will be shown in the Frequently Together Box:

Show product options
  • Show all selected products: choose this option to show all the products, based on your selection in the previous step Products type (refer to this page for more information).
Show all selected products

For example, if we selected three custom products, all of them will appear in the frontend:

Show all products example
  • Show randomly a limited number of products: choose this option if you wish to show a limited number of products. They will be shown in the main product randomly.
  • Number of products to show randomly: decide how many products to show, excluding the current one.
Random number of limited products

Following the previous selection example…

Random number of limited products example

Although we selected three custom products, only two of them will show randomly in the Frequently Bought Together section because we set the limit to 2.

Products check and additional text options
  • Show products unchecked: enable it only if you want the products to show unchecked by default. Disable it if you prefer to show them automatically checked to add them to cart.
  • Set additional text: type a text to be shown in the Frequently Bought box.
Products check and additional text options example

When we enable the option to show products unchecked, the thumbnails are hidden unless the user checks at least one of the linked products.

Apply discount

If you want to apply a discount to the linked products in the Frequently Bought Together box, you will first have to enable the option ‘Apply discount on linked products’.

Apply a discount on linked products
  • Discount type: you can choose between a percentage discount or a fixed amount.
  • Apply conditions to discount: decide to set certain rules in order to get this discount.
  • Apply discount only if the user spends at least: the discount is apply only when there is a minimum subtotal.
  • Apply discount only if the user chooses at least: the discount will only apply when at least xx number of products are chosen.
Discount applied example

The discount is shown because we have selected a minimum of 2 products and the subtotal is above $78.

No discount applied example

No discount is applied although we do comply with the minimum $78 subtotal, because we have only selected 1 product, and the minimum to get the discount is 2.

Blocks

The plugin is ready to use with the block editor. When you add a new post or page, you will be able to find YITH shortcode. With a simple click, it will be added to your page.

Frequently bought form block

With the Frequently Bought form you can print the FBT box of a product on any page. Once printed on a specific page, it will look like this:

Frequently bought form exmaple

YITH Added to Cart Popup

YITH WooCommerce Added to Cart Popup lets you open a popup window automatically every time you add a product to the cart. In the popup you can see a summary of all products in it, the total price, up-sells and cross-sells products and more.

The integration with YITH Frequently Bought Together will let the Cart popup open automatically whenever one or more products from the Frequently Bought Together section are added to the cart.

If both plugins are installed and activated, you will be able to enable a new option on the settings page: YITH > Added to Cart Popup > General options > Enable for “Frequently Bought Together” button.

Integration with YITH Frequently Bought Together

This is how the Frequently Bought Together section looks like:

Integration with YITH Added to Cart Popup

If you add one or more products from the Frequently Bought Together section, the popup will open including all of them and any possible discount that had been applied:

Added to cart popup with frequently bought together products

To read more about YITH Added to Cart plugin, please, refer to the plugin documentation here.

YITH Wishlist

YITH WooCommerce Wishlist allows your customers to arrange the products they are interested in one or more wishlists. This process allows them to check these products back again at a later moment and eventually proceed to purchase them.

Thanks to the integration between both plugins (premium of YITH Frequently Bought Together and premium + free of YITH Wishlist), it’s possible to add a slider to the wishlist page showing products that are frequently bought together with the items added to the wishlist.

Once you have activated both plugins, a new menu will appear within the Frequently Bought Together plugin settings > Slider in Wishlist.

Slider in Wishlist
  • Slider title: add the title to the slider with the frequently bought together products.
  • Number of products: choose the maximum number of products displayed in the slider when the browser has its widest width.
  • “Add to cart” button label: choose the label for the “Add to cart” button in the slider.
  • “Wishlist” button label: choose a label for the “Wishlist” button in the slider.
  • Each product in slider shows: show which product info will be displayed in the slider. You can choose from product image, name, price, variation and rating.

On the wishlist page you will see the slider with linked products and the added options.

Wishlist slider example

For more information about setting up YITH Wishlist, check out the complete plugin documentation here.