Configuring upsell using Elementor allows you to present an additional offer right after a customer completes a purchase on a checkout page built with Elementor. Using upsells can help increase your average order value by offering a complementary or premium item at the point of purchase or immediately after.
Step-by-Step: How to Configure an Upsell with Elementor
1. Prepare Your Main Product and Upsell Product
Before integrating upsell:
-
Make sure you have your main product registered and published.
-
Create the upsell product (it should be a separate offer or product that complements the main offer).
-
Verify that both products are configured correctly with pricing, delivery method, and access details.
2. Build or Open Your Checkout Page in Elementor
-
Log in to your Kirvano account.
-
Go to Pages or Templates where your checkout is located.
-
Open the checkout page you created using Elementor.
This should be the page where customers complete their purchase.
3. Add Upsell Trigger Using Elementor Widgets
Inside the Elementor editor:
-
Find the section where you want to display the upsell — typically on the Order Confirmation or Thank You section that appears after a successful purchase.
-
Insert the widget or block that will show the upsell offer. This might be a text block, call-to-action, button, or product box.
You will use this section to present the upsell offer visually and provide a button for customers to accept it.
4. Configure the Upsell Offer Details
In the upsell section you added:
Upsell Title:
Add a compelling title, such as “One-Time Offer Just For You” or “Special Upgrade.”
Upsell Description:
Write a short but persuasive description explaining the value of the upsell product and why the customer should consider adding it.
Upsell Price:
Display the upsell price or special discount clearly.
Accept Button:
Add a button labeled something like “Add to My Order” or “Yes, I Want This!”
This button should link to the pre-configured upsell action, such as adding the upsell product in the same transaction.
5. Set the Action Trigger for the Accept Button
Instead of linking to another page, configure the button so that:
-
When clicked, it triggers the upsell purchase
-
The upsell is added to the customer’s order without requiring them to re-enter payment information
-
The acceptance happens within the checkout or thank-you page
If your system supports “one-click upsell,” make sure this is enabled for the button action.
6. Test the Upsell Flow
After you finish configuring the upsell section:
-
Save your Elementor page.
-
Perform a test purchase of the main product and complete checkout.
-
Ensure that after the purchase, the upsell section appears correctly and the button successfully triggers the upsell offer.
Testing helps confirm that the upsell works smoothly and improves user experience.
How Upsells Improve Conversions
-
Increased Average Order Value:
Upsells encourage customers to spend a bit more, increasing your total revenue per transaction. -
Relevant Product Offers:
Present upsell products that are complementary or logically follow the main purchase — this increases the likelihood of acceptance. -
Clear Value Presentation:
Communicate the benefits and savings clearly to motivate customers to add the upsell.
Tips for Effective Elementor Upsells
-
Use visual elements such as images or icons to make the upsell more attractive.
-
Keep the upsell message short and benefit-focused.
-
Offer a limited-time deal or special discount to create urgency.
-
Track conversions on the upsell to see how often customers accept it and optimize placement, copy, or price accordingly.
If you have any questions or need assistance, please contact our Support team.