How to set up Upsell Quantity Discount

 

This article will take a deep dive into the Upsell Quantity Discounts add-on how you can take advantage of it to sell more.

 

What is the Upsell Quantity Discounts add-on?

A quantity discount can be understood as an incentive offer that encourages customers to purchase products in a larger quantity for a cost-per-unit discount. This enables merchants to move a lot more products, while at the same time, giving consumers a better price.

In EcomSolid, you can design and display an incentive section to encourage customers to buy more using the Upsell Quantity Discounts add-on, and on top of that, there are absolutely no coding skills required!


 

Add and position the Upsell Quantity Discounts

Add the add-on to your page

Step 1: Head over to your EcomSolid Dashboard and open the Theme Editor.



Step 2: Select the Add-Ons tab, and click on the “Add Add-on” button at the bottom. The Library will open up.



Step 3: Search for “ Upsell Quantity Discounts” in the search bar and hit “Add” when the result appears. 



Step 4: After a few seconds, the add-on will be placed on your page, with all of its configurations available on the left sidebar.


 

Position the add-on

The Upsell Quantity Discounts add-on has to be placed inside a Product section in order to function properly.

Select the add-on to start configuring it.


In the Display Position zone, there are two ways to position the add-on:

  • Select a spot in the drop-down menu.

 

  • Click on the “Change position” button or the target icon in the add-on’s toolbar, you will enter the selection screen. Scroll down to a specific spot you like:
    • Hit the “+” button to situation the add-on.

 

    • If you click on a section (highlighted in blue), you’ll be able to put the add-on above or underneath the section.

 

 

Set up a new campaign

In the General zone, click on “Edit Campaign”, a new panel will pop up, this is where you set up your new campaigns, and modify existing ones.


 

Add new campaign

The number of campaigns you can create is based on your EcomSolid plan. For the Launch plan, you can create 01 campaign, while the number for campaigns for the Growth and Advanced plans is unlimited. Check out our comparison chart to find yourself a solid plan.

Step 1: Hit the “Create New Campaign” button on the left column. A new campaign will be added and set to be Active by default.



Step 2: On the right column, you can select the Campaign Type as Products or All.

  • Select All to set up the discount for all of your products
  • Select Products to set up the discount for specific products


In this demo, we will select Products and then choose products by hitting “Add Product


Use the search bar to quickly search for products, and then check the boxes for products you want to add before completing the action by hitting “Save”.


 

Edit campaign

Once you’ve done selecting products, it’s time to start setting up discount tiers.


In the Create Discount Tiers section, you have one default discount tier. Use the clone icon or the trash icon to add or remove discount tiers, respectively. 



Click on a discount tier’s name to edit its name.

Click the arrow to expand the tier’s configurations.

  • Minimum Quantity: Set up a quantity threshold. When the selected product quantity reaches this number, the discount will be triggered.

  • Discount Value: Set up the discount value in percentage.

 

 

When you are done, hit "Save" to complete the setup and exit the Edit Campaigns panel.

 

Why don’t I see the add-on in my Editor?

After setting up your campaign, you might not see the Upsell Quantity Discounts add-on. Two possible root causes here:


1. The current product presented in the Editor is not listed in any of the previously set up campaigns.



In this case, just go back to the editing steps and make sure you’ve listed all necessary products.


2. Discount tiers value was not set up

Go back to the editing steps and set up the Discount Value field.

 

Customize how the add-on displays

Configure the Settings zone

The Settings zone can be found below the General zone, under the Content tab.


Type: The add-on is available in two formats: List and Table


List:

  • Heading Text: Edit the heading

 

  • Description Text: Edit the description that shows underneath each discount tier.

 

  • “Buy Now” Button Text: Edit the label of the small “Buy now!” buttons in each discount tier. 

  • Action Buy Redirect: Choose a destination for customers after hitting “Buy now!

    • Cart Page: Redirect to Cart Page.
    • Checkout Page: Redirect to Checkout Page.
    • Stay On Page: Stay exactly on the current page. This will open the Cart Drawer if the add-on is enabled.

 

  • Preview Button Added: Toggling this on will display a preview of the “Added” button and allow for editing the label in the “Added” Button Text field.
 The “Buy now” button changes into an “Added” button when the selected product quantity reaches the discount tier’s quantity.


 

  • Show Variant Selector: Toggle this on to show the variant selector for each discount tier, otherwise the first available variant will be selected as default.
    • Select Variant Title: Edit the title here
    • Item Label: Edit the label for items here.

 

  • Show Sale Heading Text: Toggle this on to display a customizable sales text
    *This function is only available on the Table type.


Table:

  • Action Buy Redirect: Choose a destination for customers after hitting “Buy now!”
    • Cart Page: Redirect to Cart Page.
    • Checkout Page: Redirect to Checkout Page.
    • Stay On Page: Stay exactly on the current page. This will open the Cart Drawer if the add-on is enabled.
  • Show Sale Heading Text: Toggle this on to display a customizable sales text
  • Label Quantity: Edit the label for the left column

 

  • Label Discount: Edit the label for the right column

 

 

Configure the Design tab

Using the Design tab, you can fine-tune the appearance of the add-on.

 

 

General

Padding: Adjust the left, right, top, and bottom padding of the add-on


Color

Choose any color for anything.


For the List type:



Background Color: The background color of the add-on


Heading Color: The color of the Headline


Items Background Color: The background color of the discount tiers


Message Color: The discount tiers’ name


Description Text Color: The description text under discount tiers’ name


Button Background: The background color of the “Buy now!” buttons


Button Outline: The outline color of the “Buy now!” buttons


Button Background Hover: Button background color when hovered over


Button Outline Hover: The outline color of the buttons when hovered over


Button Text Hover: The button text color when hovered over


“Added” Button Text Color: Text color of the “Added” button


“Added” Button Background: Background color of the “Added” button


For the Table type:

 

 


Background Color

Heading Color

Accent Color

Label Color

Items Color

 

Typography

Adjust the font size of every text. All supported parameters below are fully responsive.

 


Heading Text Font Size


Message Text Font Size


Description Text Font Size


Button Text Font Size


For more information, please feel free to contact our EcomSolid Support Team at any time, we’re available via email and live chat.

 

 


Was this helpful?