Pro Spending Discount Goal

The Spending Discount Goal module allows you to incentivize customers to spend more in your store by offering discounts when they reach a pre-defined spending threshold.

Key Features

• Set a spending goal amount that customers must reach to qualify for the discount
• Choose between a percentage-based or fixed amount discount
• Display a customizable widget on your site showing customers their progress towards the discount
• Discount is automatically applied on the cart page when goal is reached

How It Works

1. Define a spending goal amount (e.g. $100) and the discount customers will receive when they hit that goal (e.g. 10% off or $10 off)
   
2. When active, the module displays a spending goal widget:
   • Positioned in the bottom-left corner of your site
   • Shows customer’s real-time progress to the goal as a percentage
   • Percentage calculated based on total price of items in cart
   • Clickable to expand and show motivational messages based on progress
     
3. Widget updates in real-time as customer adds items to their cart
   
4. Once spending goal is reached, the discount is automatically applied on the cart page

For example, in the screenshot below, the spending goal widget lets the customer know that they have already spent 39% of the pre-defined spending amount:

The spending goal widget is clickable. You can show different messages inside the widget based on how far the customer is from the goal target.

For example, the test user below needs to spend $92 more to get a 10% discount:

The spending goal widget is visible on your entire website, not solely on the product and shop pages.

This includes your homepage, your blog posts, your archive pages, and all the other pages such as the Contact page:

The screencast video below shows how the Spending Discount Goal works when a customer adds new products to the cart.

As you can see, Merchant Pro updates the numbers inside the widget as the spent amount grows:

Once the customer reaches 100%, the Spending Goal discount will appear on the Cart page and Merchant Pro will automatically apply the discount to the subtotal:

Below, we’ll see how you can set up and configure Merchant Pro’s Spending Discount Goal module on your WordPress site.

1. Open the Spending Discount Goal Module

Open your Merchant dashboard by clicking the Merchant menu in the left sidebar of your WordPress admin area.

Find the Boost Revenue section, then click the Spending Discount Goal module to open its settings page:

2. Configure the General Settings

On the admin page of the Spending Discount Goal module, you can find three groups of settings:

1. Settings
2. Text Formatting Settings
3. Style

In this step, we’ll discuss the Settings section, which includes the general settings of the module.

You can configure the following options:

• Spending goal – Here, you can define the spending goal in the currency of your WooCommerce store (you can change the currency, e.g. from USD to EUR, from the WooCommerce > Settings > General > Currency options > Currency menu in your WordPress admin area).
• Based on – This option lets you choose whether you want to calculate the discount from the Cart subtotal (doesn’t include other discounts you offer in your store) or the Cart total (includes other discounts you offer in your store).
• Discount type – Here, you can choose between percentage-based and fixed discount types.
• Discount amount – Here, you can define the amount of discount you offer.
• Discount name – This is the name of the discount that will show up on your Cart page once the goal target is reached.

Once the settings are configured, click the Save button in the top-right corner of the page.

3. Configure the Text Formatting Settings

You can find the Text Formatting Settings section below the general Settings section.

Here, you can configure the messages that Merchant Pro shows your customers at the three different stages of the discount process, respectively:

• When the goal target is at 0%.
• When the goal target is between 1 – 99%.
• When the goal target is at 100%.

In the text of the messages, you can use the {spending_goal} and {discount_amount} variables to dynamically insert the values of the Spending goal and Discount amount options you defined in the previous step.

Merchant Pro also comes with a default text for each option — if you are happy with it, you can leave it as is:

Once the text formatting settings are configured, hit the Save button in the top-right corner of the page again.

4. Customize the Design of the Spending Goal Widget

You can find the Style settings below the Text Formatting Settings on the module’s admin page.

Here, you can customize the design of the spending goal widget, including the gradient colors, the progress bar color, the content width, and the color and background color of the content:

Once you have customized the style of the widget, click the Save button in the top-right corner of the page.

5. Enable the Spending Discount Goal Module

To activate the module, click the Enable button at the top of the module’s page: