WooCommerce Boost Sales


Created: 03/27/2017
Latest update: 12/27/2019

Updated to WooCommerce Boost Sales ver 1.4.1

By: Villatheme
Thank you for using 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!

System Requires:

Make sure that those limits to a minimum as follows in order for free-trouble while installing:

  • WordPress 4.6.x or higher
  • Woocommerce 3.0.x 
  • max_execution_time 60
  • memory_limit 125M
  • post_max_size 64M
  • upload_max_filesize 64M

Download Plugin:

Go to Plugin/Add New/Upload Plugin/Choose file/ select plugin zip file woocommerce_boost_sale/click “Install Now“/click “Active plugin“.

Done ! Let’s start using the plugin.

Preview How to use the plugin:

 

 What is the WooCommerce Boost Sales?

To stimulate the purchase of customers with the upsell, cross-sell products. Increase revenue as well as profitability for your website, stores. WooCommerce Boost Sales allows you to do all this work:

  • Add new upsell, cross-sell products in a system independent of WooCommerce.
  • Display upsell products pop-up after customers add a product to cart.
  • Display cross-sell combo pop-up in product pages, cart page, check out page.
  • Offer a coupon to customers when they reach a minimum spend.

 Features:

Up-sell:

  • Show up-sells pop-up: Display an up-sell pop up with a product which related to the product just been added to cart.
  • Sync data with WooCommerce: Sync Up-sells products with WooCommerce system.
  • Add up-sell products: Add up-sell products which are more expensive or make more profitable sales.
  • Hide on single product pages: Enable/disable the pop-up on single product pages
  • Show all products in the category: Display all products in the category of the product customers just add to cart in up-sell pop-up.
  • Exclude product: Select products you don’t want to appear on up-sell pop-up.
  • Customize up-sells pop-up: Select the pop-up style, customize how many products appear on the pop-up, customize the message.

Cross-sell:

  • Product Bundles: Creating product combos then sell at discounted prices.
  • Show Cross-sells popup: Display cross-sell pop-up with a bundle product which includes the product that customers are going to buy.
  • Configure which page to appear: Select which pages will the cross-sell pop-up appear.
  • Select the product bundle to display: In case a product is in 2 or more bundles, you can select to display the highest price or just random.
  • Variation products: It is available to add variation products to cross-sell bundle, customers can also choose the variable option right in the pop-up.
  • Customize the message: Customize the cross-sell pop-up message (Hang on we have this offer just for you)
  • Unlimited design: Customize the cross-sell bundle with background, text, icon, initial delay.

Discount progress bar:

  • Discount progress bar: The discount progress bar displays how much costumers need to spend to get the discount. (Base on discount coupon of WooCommerce system).
  • How much more: Support users know how much they need to spend more to achieve the discount.
  • Sync data with WooCommerce: The plugin sync data with WooCommerce. You can select the coupon which creates on WooCommerce system to display on the discount progress bar.
  • Thanks to customers: When a customer achieves minimum for the discount, a THANK YOU message will display to congrats them.
  • Customize discount progress bar: Unlimited customize. You can customize the position, color, background, description, and messages of the progress bar.
  • Automatically direct to checkout page: Allow automatically redirect to checkout page after reach the discount.

Other features:

  • Auto update: enter your purchase code and the plugin will auto-update whenever there is a new version.
  • Works on mobile: Woocommerce Boost Sales works perfectly on mobile devices.
  • SPEED: Plugin uses Ajax technology. Pop-up will be loaded when costumers add products to cart
  • Easy to use: Friendly interface and easy to use.

After installing and activating the plugin, you need to configure to show WooCommerce Boost Sales:

1. Turn WooCommerce Boost Sales on:

Go to Dashboard/Woo Boost Sales/General configure the plugin to works on desktop/mobile. Click Save to get the changes.

2. Add Up-sells products:

Go to Dashboard/Woo Boost Sales/Up-Sells to add new or sync your upsell products with WooCommerce.

Notice: To display the Up-Sell pop-up, you need to turn off the “Redirect to the cart page after successful addition” in WooCommerce Products settings.

To do that you please go to WooCommerce/Settings/Products/Display/Add to cart behavior/Untick on Redirect to the cart page after successful addition

3. Add Cross-sells products:

Go to Dashboard/Woo Boost Sales/Cross-Sells/Choose your cross-sell products. After saving product, the system will automatically create a product bundle for this product cross-sells. 

Watch this video:

4. Setting Discount process bar:

Enable coupons to check out:

Make sure you have enabled the use coupons at checkout: Go to Dashboard/WooCommerce/Settings/Checkout/Coupons option

+ Add coupon code

Go to Dashboard/WooCommerce/Coupons/Add new

+ Configure Discount bar

Go to Dashboard/Woo Boost Sales/Discount to configure the discount bar setting

Go to Dashboard/Woo Boost Sales/Design/Discount Bar to design the discount bar.

 

5. Configure Up-sells products:

Go to Dashboard/Woo Boost Sales/Upsell

Go to Dashboard/Woo Boost Sales/Design/Upsell to design up-sell pop-up

6. Configure Cross-sells products:

Go to Dashboard/Woo Boost Sales/Cross sell to configure cross-sell.

Go to Dashboard/Woo Boost Sales/Design/Cross sell to configure cross-sell design.

7. Discount Bar

Go to Dashboard/Woo Boost Sales/Discount to configure the Discount Bar Setting

Go to Dashboard/Woo Boost Sales/Design/Discount Bar to configure the Discount Bar design.

8. Update

Enter your purchase code to turn on auto-update function. You learn how to find your purchase code here.

Up-sell products

+ Cross-sell products

General setting

 

Enable: Turn on WooCommerce Boost Sales plugin on desktop.

Enable Mobile: WooCommerce Boost Sales will show on mobile device.

Up Sells

1. Enable: Enable/Disable up-sell product.

2. Hide on Single Product Page: Enable this option to hide up-sells products on Single Product page.

3. Hide on cart page: Enable this option to hide up-sells products on cart page.

4. Hide on checkout page: Enable this option to hide up-sells products on checkout page.

5. Hide products out of stock: Enable this option to hide out of stock products on up-sell.

6. Hide products added to cart: Enable this option to hide products that added to cart.

7. Go to cart page: Go to cart page when product is added to cart on up-sell

8. Recently Viewed products: Up-sell popup will show recently viewed products.

9. Products in category: Up-sell popup will show products in the same category. Up-sell product of upsell page will not use.

10. Only Subcategory: Only get products from current subcategory. It is the end subcategory.

11. Exclude products to enable upsell: Not show up-sell for these selected products.

12. Exclude products that display in upsell popup: Not show these selected products on up-sell popup.

13. Exclude categories to enable upsell: Not show up-sell for these selected categories.

14. Exclude categories that display in upsell: Not show these selected categories on up-sell popup.

15. Upsell by tags: Upsell products which have the same tags as the main product.

 

16. Sort by: The order of products on up-sell will appear in one of these ways: Random, Title A-Z, Title Z-A, Price highest, Price lowest, Best selling.

17. Hide view more button: Enable this option to hide the View more button on upsell popup.

18. Ajax Add to cart: Use ajax add to cart on single product page.

19. Ajax add to cart for product on up-sell popup: Do not redirect page when customers add up-sells products to their cart. This will override option “Go to cart page”.

20. Show if empty: Show upsell popup even if there’s no upsells.

Cross Sells

1. Enable: Enable/disable cross-sells pop-up.

2. Hide on single product page: Enable to hide cross sell on single product page.

3. Display on: Select how/where you want to show cross sell on single product. It can be: Popup, Below Add to cart button, Above description tab, Below description, Custom hook.

4. Slide: Enable to make slider for cross-sells.

5. Show on Cart page: The plugin will display on cart page.

6. Product bundle type: The product bundle which will be displayed on Cart page. There are 3 options:

  • Largest quantity in bundle
  • Highest price
  • Random

 

7. Display on(Cart): Select how/where you want to show cross sell on Cart page. It can be: Popup, Before cart, After cart, Custom hook.

8. Cross-sells Custom Hook on Cart page: Enter a specific hook you want to show cross sells on Cart page.

9. Show Checkout page: Enable/disable the cross-sell pop-up on the Checkout page.

10. Product bundle type: The product bundle which will be displayed on Checkout page. There are 3 options:

  • Largest quantity in bundle
  • Highest price
  • Random

11. Display on(Checkout): Select how/where you want to show cross sell on Checkout page. It can be: Popup, Before cart, After cart, Custom hook.

12. Cross-sells Custom Hook on Checkout page: Enter a specific hook you want to show cross sells on Checkout page.

13. The same bundle in cart: The same bundle can display in cart page and checkout page.

 

14. Description: Message that appears in cross-sell popup. Type to create content of message.

15. Display saved price: Display saved price on cross-sell.

16. Override products: Remove the same products on cart when add combo.

17. Ajax add to cart for bundle: Do not redirect page when customers add bundle to their cart on single product page.

18. Hide out of stock: Do not show crosssell if one of bundle items is out of stock.

19. Product bundle name: Name of product bundle when creating new bundle. {product_title} refers to the title of main product that the bundle is created for.

20. Bundle categories: Default categories when you create new bundle.

21-23. Recalculate bundle price.

  • Bundle Price From: Set each price range with respective discount value.
  • Discount Value: Add discount for bundle with each price range respectively.
  • Discount Type: Type of discount, it can be percentage (%) or Fixed amount.

24. Add: To add more price range for different various bundles.

25. Remove last level: To remove the latest level of price range.

 

 

Frequently Bought Together

1. Enable: To use this feature on single product page.

2. Hide if added: Hide Frequently Bought Together on single product page if main product is already in the cart.

3. Source: Products appear on Frequently Bought Together will get from one of these sources:

  • Up sells – Same as Up-sells products
  • Cross sells – Same as Cross-sells products
  • Woo Up sells – Products set in Edit product/Link products/Upsells.
  • Woo Cross sells – Products set in Edit product/Link products/Cross-sells.

4. Position: Select a position on a single product page where you want to display Frequently Bought Together. It can be: After adding to cart form, After product summary, After product tabs.

5. Style:  The way Frequently Bought Together appears: Horizontal or vertical. Only use Horizontal style if the container is wide enough. On Mobile, it will automatically switch to Vertical style no matter what you select.

 

Horizontal type

 

Vertical type 

 

6. Image size(px): Adjust image size. This option is only used for Vertical style.

7. Currently watching product: 

8. Currently watching product text: Type to create message content of currently watching product.

9. Message: Title of Frequently Bought Together, you can add the name of main product with shortcode {product_title} in the title.

10. Add to cart text: Type your text you want instead of add to cart text, you can add shortcode {number_of_items} to display number of selected items when clicking Add to cart button.

11. Add bundle to cart: Add the bundled product to cart instead of separated items if product source is cross sells and customers add all items of bundle to cart.

12. Load with Ajax: Only load Frequently Bought Together products with Ajax after page is loaded.

13. Number of lines for product title: If product title is too long and take many lines to display, it will be cut off. Set 0 to not cut off long product title.

14. Show product rating: Enable to show rating in Frequently Bought Together products.

15. Show attributes selection when: Hover or click. This option is used for variable products.

16. Attributes selection type: Select or button. This option is used for variable products.

17. After product is added to cart: What to do after successfully adding product(s) to cart. It can be: Do nothing, Hide, Redirect to cart, Redirect to checkout.

 

Shortcode

Frequently Bought Together shortcode is used to display Frequently Bought Together products of a product and insert every you want.

[wbs_frequently_product product_id="" source="any" style="horizontal" title_line="1" show_attribute="click" hide_if_added=1 select_type="button" ajax_load="" after_atc="redirect_checkout" message="Frequently bought together:" show_rating=""]

  • product_id: by adding the product ID in shortcode, Frequently Bought Together of this product will display it on any page you put this shortcode. For example: product_id="85"
  • source: Products appear on Frequently Bought Together shortcode will get from one of these sources: Up sells – Same as Up-sells products; Cross sells – Same as Cross-sells products; Woo Up sells – Products set in Edit product/Link products/Upsells; Woo Cross sells – Products set in Edit product/Link products/Cross-sells or any of above. Possible values: woo_up_sells; woo_cross_sells ; cross_sells ; up_sells ; any
    For example: source="woo_up_sells"
  • style: The way Frequently Bought Together appears. The possible values:  horizontal or vertical. For example: style="horizontal"
  • title_line: If product title is too long and take many lines to display, it will be cut off. Set 0 to not cut off long product title. For example: title_line="1"
  • show_attribute: Show attributes selection when: hover or click. For example: show_attribute="click"
  • hide_if_added: Hide Frequently Bought Together on current page if main product is already in the cart. For example: hide_if_added=1
  • select_type: Display in select or button type. This option is used for variable products. Possible values: select or button. For example: select_type="button"
  • ajax_load: Only load Frequently Bought Together products with Ajax after page is loaded. For example: ajax_load=""
  • after_atc: What to do after successfully adding product(s) to cart. Possible values: none, redirect_cart, redirect_checkout, hide. For example: after_atc="redirect_checkout"  
  • message: Title of Frequently Bought Together, you can add the name of main product with shortcode {product_title} in the title. For example: message="Frequently bought together:"
  • show_rating: Allow to show rating in Frequently Bought Together products. For example show_rating="1"

Discount

1. Enable: Turn on discount process bar.

2. Always show discount bar: Always display discount bar if customers have not reached the minimum amount and the cart is not empty.

3. Select Coupon: Choose coupon discount to display on process bar. 

4. Head line: The short message when customer adds a product to Cart

Example: SWEET! Add more products and get {discount_amount} off on your entire order!

5. Thank You: Turn on to send a thank customer when they achieve the minimum order to get the discount.

6. Congratulation message: Message appears when customer’s cart reaches to min amount and win a discount.

7. Checkout button title: Type text on the button that will link to the checkout page.

8. Auto redirect checkout: Turn on to automatically redirect checkout page when the customer achieves minimum discount.

Design

In this tab, you can design plugin including:

General:

1. Button background color

2. Button background color on hovering

 

Cross sells:

1. Init delay: Cross-sell will show with popup or gift icon. If you want to time randomly, 2 numbers are separated by comma. Eg: 3,20. It is random from 3 to 20.

2. Auto popup: Enable to show cross sell popup automatically.

3. Hide Gift Icon: Enable/disable to hide/show the gift icon, that allows to show cross sell popup when clicking to.

4. Icon: Default, gift box, or custom.

5. Custom Gift Box Icon: Select image you want in your gallery, Dimension should be 58×58(px). This feature used when you change “Icon Option” to “Custom”

6. Icon Color: Only apply with Icon default.

7. Icon Background Color: Only apply with Icon default.

8. Icon Position:  It can be Bottom right, or Bottom left.

9. Background Color: Background color for popup cross-sell.

10. Background Image: You can insert image in background.

11. Text color

12. Price color

13. Save price color

14. Template: Slider; Vertical with checkbox; Horizontal with checkbox.

15. Template on mobile: Slider; Scroll; Vertical with checkbox.

 

Up sells:

1. Item per row: The number of product items on up sell popup on PC.

2. Item per row for Mobile: The number of product items on up sell popup on PC.

3. Max item: Maximum number of upsells per product. Used only if “Products in category” is enabled.

4. Popup style.

5. Message in popup: Title of up sell popup, you can add the name of main product with shortcode {product_title} in the title.

6. Template on mobile: Slider, Scroll.

7. Button “Continue Shopping” title: Type the button title.

8. Button “Continue Shopping” action: Just close popup; go to shop page; Go to home page.

 

Discount bar:

1. Select Position: Top; Bottom.

2. Text color

3. Process bar main color

4. Process bar background color: Color of main process bar.