1.Overview

Upsell Order Bump Offer for WooCommerce facilitates store owners to show exclusive special offers on WooCommerce checkout page which can be accepted by the customers by simply clicking the checkbox without even leaving the checkout page.

 

 

upsell-order-bump-offer

2.Installation

 

  • Automatic Installation

Automatic installation is the easiest option handled by WordPress.

  1. Download the WooCommerce Upsell Order Bump Offer Pro plugin.
  2. Login to your WordPress Dashboard.
  3. Navigate to the sidebar, click on Plugins.
  4. Click on Add New and then click on Upload Plugins.
  5. Hit the Browse button and choose your downloaded plugin’s .zip file, and click on Install Now.
  6. Once installed, Activate the Order Bump plugin.

 

  • Manual Installation

Manual installation of the plugin is another option to install the plugin in the sellers WordPress environment. The manual installation method involves downloading our WooCommerce Upsell Order Bump Offer Pro plugin and uploading it to the web server via their favourite FTP application. The steps for manual installation are as follows:

  1. Upload the WooCommerce Upsell Order Bump Offer Pro folder to the /WP-content/plugins/directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.

3.Workflow

3.1.Create New Bump Offers

  • In the Bump List section, you can create a new Bump Offer by clicking on the Create New Bump button.
bump-list


Once you click, you’ll get a few options like:

 

Order-bumps-list
  • Name Of The Order Bump: Enter the name of your order bump offer.
  • Select Target Products: Set the target product on which the offers will be applied. If any customer purchases that product, the order bump offer will be displayed.
  • Select Target Categories: If you want the order bump offer to be displayed on all the products of a particular category, choose a category with this option.
  • Order Bump Schedule: Schedule your Bump Offers for selected days or daily.
  • Smart Offer Upgrade: If you want to offer an upgrade product to your customers as an order bump, enable this toggle. If the customer accepts the order bump, the target product will be replaced with the upgraded product.

After adding all the details, scroll down and go to the Order Bump Offer section to attach an offer that suits your customers’ needs.

 

Order-bump-offer
  • Offer Product: Select the product you want to offer as an order bump offer.
  • Offer Price/ Discount: Set the discount you want to offer on your offer product. You can set the discount in two ways, fixed price and percentage.
      1. Discount %: If you want to give a discount on the product price in percentage, then select the price type as Discount % and enter the percentage scale. Example 20 or 25.
      2. Fixed Price: Here you can just enter a fixed price for the offered product without the currency. Make sure the offer price is less than the original price.

Appearance section:

Appearance section is divided into three parts:

    • Template: Here we provide three default offer templates. You can select any one template among these three.

upsell-order-templates

 

  • Design: Here you can customize their template design according to need. You can customize Bump Offer Box, Discount Section, Product Section, Accept Offer Section, Offer Description Section. And also preview the real-time changes in template.
upsell-design

 

  • Content: In this section, you can update the text content of offer template like Discount Title, Product Description, Lead Title, Offer Description, etc.
upsell-content - templates

 

And at last, when you have completed the setup, make the Order Bump Offer Live.

Click on Save Changes button after making the order bump offer Live and proceed further.

 

upsell-order-bumps

 

3.2.Order Bumps List

In this section, you can view the total list of Order Bump Offers and create new Bump Offers. Here you can see the details like Order Bump Name, Status, Target Product & Target Categories, Offered Products and further take a proper action according to the need like Edit, View and Delete the Bump Offer.

 

Order-bumps-list

3.3. Global Settings

In this section, the admin can Enable/Disable the plugin functionalities and setup Order Bump settings: 

 

global-settings
  • Enable Upsell Order Bumps: Here you can enable/disable the extension.
  • Skip for Same Offer: Skip Order bump offer if the customer has already added the offer product in the cart.
  • Offer Target Dependency: Set the dependency of offer product to be automatically removed or not when the target product is removed from the cart.
  • Offer Adaption Setting: Set the area occupancy of the Order Bump Offer on the checkout page to contain the complete width of its parent background area or remain fixed.
  • Offer Location: From here you can set the location of the offer section on the checkout page. You can choose to display the offer Before Payment Gateways, After Payment Gateways, Before Order Summary, or Before Place Order Button.
  • Offer Price Format: Choose how you want to display the offer price. You can select between Regular Price Offer Price and Sales Price Offer Price.
  • Smart Skip if Already Purchased: This feature will allow you to Skip the Order Bump offer for those customers who have already purchased the offer product before in previous orders making this a one-time exclusive offer.
  • Global Custom CSS: If you want to add some custom styling, you can do it by adding custom CSS here.
  • Global Custom JS: If you want to add some custom UI functionality, you can do it by adding custom JS here.

 

Click on Save Changes to save the settings.

4.FAQs

Yes, the templates are completely customizable at the back-end. We have given three default offer templates whose Design, Content and Color schemes can be customized with Live Preview functionality.

For Variable Offer products as soon as the customer tick the checkbox to accept the offer, a variation pop-up will appear with respective variations, variation product images, and offer prices.

Yes, you can change the location of the Order Bump Offer on the Checkout page. Here is the list of the available locations:

  1. Before Order Summary
  2. Before Payment Gateways
  3. After Payment Gateways
  4. Before Place Order Button

We have set limit functionality, so the customer can only add a single quantity of the offer product. Also, the offer product quantity can't be updated from the cart page.

Suggest Edit