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
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
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.
- 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.