Bopo – WooCommerce Product Bundle Builder – Build Your Own Box


Created: 10/2021

Latest updated: 1/2022 – Updated version: 1.0.0

By: VillaTheme

Thank you for purchasing our plugin. If you have any questions that are beyond the scope of this documentation, please feel free to request support at our Support Forum. Thanks so much!

 

INTRODUCTION 

Bopo – WooCommerce Product Bundle Builder (Best for WooCommerce product bundle) is built for shop owners to create amazing deals that combine several products to put for sale together. This is such a powerful plugin for boosting sales of different product types, and at the same time offering customers some benefits. Bopo – WooCommerce Product Bundle Builder is a smart tool for enhancing cross-selling strategies on your online WooCommerce shop. It is also optimized for search engines, increases site ranking, and ensures a higher conversion rate.

 

THE PLUGIN FEATURES

CREATE PRODUCT BUNDLES WITH BOPO WOOCOMMERCE PRODUCT BUNDLE BUILDER 

You can add new WooCommerce product bundles or create bundles for existing products in WooCommerce, you can create bundles for simple and variable products. Customers can add bundle items that you assigned in the backend, purchase bundle items at a discount price, the bundles will help you to motivate more purchases and traffic.

Bundle items: Create as many bundle items as you want in the premium version.

Shipping fee: Select to calculate the shipping fee in the whole bundle or each bundle item.

Rules: Select which products appear in the bundle item list.

+ Default product: Assigning a product as the default bundle item.

+ Product: Selecting products to appear on the bundle item list.

+ Exclude product: Select which products can not appear on the bundle item list.

+ Categories: Selecting products of certain categories to appear on the bundle item list.

+ Exclude categories: Select which categories can not appear on the bundle item list.

+ Tags: Select which products whose tags are enlisted in the tag field to appear on the bundle item list.

+ Exclude tags: Not select which products whose tags are enlisted in the tag field to appear on the bundle item list.

Display: Sort suggested items in the bundle list, you can sort by:

+ Price: Sort suggested bundle items in the list by price. You can sort by ASC or DESC

+ Title: Sort suggested bundle items in the list by title. You can sort by ASC or DESC

+ Rating: Sort suggested bundle items in the list by rating. You can sort by ASC or DESC

Quantity: Allow to set the default quantity of the current bundle item.

Bundle Discount: Set discount for the bundle by percentage or fixed price.

 

BUNDLE SHORTCODES: You can use the shortcode to display the Bopo bundles everywhere you want.

 

MANAGE OUT-OF-STOCK PRODUCTS, DUPLICATE PRODUCTS IN THE BUNDLE, TOGGLES TO EDIT BUNDLE ON CART, CHECKOUT

  • There are toggles to enable or disable out-of-stock products, duplicate products in the bundle.
  • You can control whether or not bundle items can be edited on the cart and checkout pages.

 

DESIGN BUNDLES WITH BOPO WOOCOMMERCE PRODUCT BUNDLE BUILDER

Bundle view: Customize how bundles display on the front end.

The information displayed on a bundle item: You can enable to show on a bundle item include:

+ Quantity: Quantity of current bundle item.

+ Stock: Number of products in the stock of current bundle item.

+ Rating: Star rating of current bundle item.

+ Short description: Short description of current bundle item appeared when hovering.

Link to a single product: Choose action when clicking on the title of the bundle item. It can be:

+ No link.

+ New tab: Open the product single page of the item on a new tab

+ Popup: Display a list of suggested bundle items under a popup.

Bundle template: There are 2 bundle templates to choose vertical or horizontal.

Image size: You can select one of the image sizes of bundle item images:

+ 2048×2048

+ Post thumbnail  (150×150)

+ WooCommerce thumbnail (autoxauto)

+ WooCommerce single (900xauto)

+ WooCommerce gallery thumbnail (100×100)

+ Shop catalog (autoxauto)

+ Shop single (900xauto)

+ Shop thumbnail (100×100)

 

Popup change product: Customize bundle popup which displays all variables and single products on

Bundle popup: Popup displays all variables and single products. When clicking on the image, if it is a simple product, it will be set as the bundle item or if it is a variable product, a popup will show variations of that variable product.

Title: Change the popup title

Color: Change the text color in the button and the bundle list popup.

Background color: Change the popup background color.

Number of products per page: Change the number of products per page on the popup

Select variation type: You can choose how variations display on the popup: List of variations or select box.

Custom CSS: Design bundles as you want.

 

System Requires

It is recommended using

1. WooCommerce 4.0.x

2. WordPress 5.0.x

3. PHP 7

 

Download Plugin

Get the plugin installation package from your account download page and save it to your desktop.

Install & Active plugin

Go to PluginsAdd NewUpload PluginChoose file/ Select bopo-woocommerce-product-bunlde-builder.zip / click “Install Now“/ click “Active plugin”.

Install and Set up Video

Done! Let’s start using the plugin.

 

Step 1: Create product bundles.

Go to Dashboard > Products, create new product bundles.

After selecting the Bopo bundle type, you will set up for this new bundle including: Title, rules, display, and discount.

* Note: You have to remove the regular price of the product to apply the new bundle price.

1. Bundle title: Set name for the bundle

2. Shipping fee: Choose to apply the shipping fee to the whole bundle or each item in the bundle.

3. Bundle item: You can create as many bundle items as you want. Set rule, display, discount for each bundle item.

4. Rule

+ Categories: Select which categories can appear on the bundle item.

+ Exclude categories: Select which categories can not appear on the bundle item.

+ Tags: Select which products whose tags are enlisted in this tag field to appear on the bundle item.

+ Exclude tags: Not select which products whose tags are enlisted in this tag field to appear on the bundle item.

+ Product: Select which products can appear on the bundle item.

+ Exclude product: Select which products can not appear on the bundle item.

5. Display

+ Sort: Sort products on the bundle item list in Price, Title, or Rating.

+ Default: Tick to select a default product as a bundle item and fill in the name of the default bundle item in the field nearby.

+ Quantity: Set quantity of bundle item.

6. Discount

+ Percentage: Offer a discount for the bundle in percentage.

+ Fixed price: Offer a discount for the bundle at a fixed price.

 

Step 2: Setting.

Go to Bopo Bundle > Settings to configure how bundles are displayed on the product page.

 

 

 

 

 

Create bundles

Go to Products > All Products, edit a product. Or you can add a new bundle product like other WooCommerce product types.

Select product data: Bopo bundle.

 

After selecting the Bopo bundle type, you will set up for this new bundle including Title, rules, display, and discount.

1. Bundle title: Set name for the bundle

2. Shipping fee: Choose to apply the shipping fee to the whole bundle or each item in the bundle.

3. Bundle item: You can create as many bundle items as you want. Set rule, display, discount for each bundle item.

 

4. Rule

+ Categories: Select which categories can appear on the bundle item.

+ Exclude categories: Select which categories can not appear on the bundle item.

+ Tags: Select which products whose tags are enlisted in this tag field to appear on the bundle item.

+ Exclude tags: Not select which products whose tags are enlisted in this tag field to appear on the bundle item.

+ Product: Select which products can appear on the bundle item.

+ Exclude product: Select which products can not appear on the bundle item.

5. Display

+ Sort: Sort products on the bundle item list in Price, Title, or Rating.

+ Default: Tick to select a default product as a bundle item and fill in the name of the default bundle item in the field nearby.

+ Quantity: Set quantity of bundle item.

6. Discount

+ Percentage: Offer a discount for the bundle in percentage.

+ Fixed price: Offer a discount for the bundle at a fixed price.

 

 

General

Go to Bopo Bundle > General there you can manage out-of-stock products, duplicate products in the bundle toggles to edit bundle items in the cart and checkout page.

1. Show out-of-stock products: Toggles to enable or disable out-of-stock products in the bundle.

2. Remove duplicate on the bundle: Toggles to enable or disable duplicate products in the bundle.

3. Edit bundle item on cart: You can control whether or not bundle items can be edited on the cart.

4. Edit bundle on checkout: You can control whether or not bundle items can be edited on the checkout page.

 

Shortcode

You can use the Bopo shortcode to display the Bopo bundles everywhere you want.

Go to each product edit page, the shortcode is under the product permalink link. You can copy the shortcode and add it to pages, posts… you want.

 

 

 

Layout

Go to Bopo Bundle > Layout to configure how bundles are displayed on the product page.

A. Bundle view

 

 

1. Item view: Enable to show quantity, stock, rating, short description (when hovering)

 

2. Link to an individual product:  After clicking on the product title of the bundle item, choose what happens:

+ No link.

+ Open to a new tab.

+ A bundle product changing popup.

 

3. Template: There are 2 templates to choose from – Horizontal or vertical.

 

 

4. Image sizes: You can select one of the image sizes of bundle item images:

+ 2048×2048

+ Post thumbnail  (150×150)

+ WooCommerce thumbnail (autoxauto)

+ WooCommerce single (900xauto)

+ WooCommerce gallery thumbnail (100×100)

+ Shop catalog (autoxauto)

+ Shop single (900xauto)

+ Shop thumbnail (100×100)

 

 

B. Change product button

1. Title: Change the title which displays at the header of the popup

2. Color: Change the color of the text on the popup

3. Background color: Change the color of the background on the popup

4. Number of products per page: Enter the number of products per page you want to paginate on the popup.

5. Select variation type: You can choose how variations display on the popup: List of variations or select box.

 

C.  Design how the bundle is displayed on the front end as you want

 

 

 

 

EXTRA INFORMATION


Thank you for your attention!

If you have any questions, please create a topic at our FORUM, we will support within 24 hours.