Holiday Deals are Here!

UP TO

35%

Discounts

Ending in:

Get Yours Now!
wpmet-website-logo
  • Home
  • Plugins
    • ElementsKit
    • ShopEngine
    • GetGenie AI
    • MetForm
    • WP Social
    • WP Fundraising
    • Wp Ultimate Review
  • About
  • Blog
  • Support
  • Contact
  • My Account
wordpress plugin
Popular Search headermenumegafootermetform

Getting Started with ShopEngine

  • Getting Started
  • Enable All Widgets
  • Enable All Module
  • Getting started with ShopEngine RTL support
  • Guideline to Increase Your Server Performance by ShopEngine

ShopEngine Templates

  • Shop Page
  • Create Cart Page
  • Create Single Product Page
  • My Account Page
  • Create Checkout Page
  • Archive Page
  • Create Order/Thank You Page
  • Checkout Form – Billing
  • Order Thank You
  • Quick Checkout Template
  • Create Conditional Template
  • Empty Cart Template

ShopEngine Account Settings

  • My Account Page
  • Account Address
  • Account Dashboard
  • Account Navigation
  • Account Details
  • Account Order Details
  • Account Logout
  • Account Downloads
  • Account Form – Login
  • Account Form – Register

ShopEngine Modules

  • Quick View
  • Partial Payment
  • Flash Sale Countdown
  • Variation Swatches
  • Back-Order
  • Currency Switcher
  • Quick Checkout
  • Badges
  • Wishlist
  • Sales Notification
  • Preorder Module
  • Checkout Additional Field
  • Product Comparison
  • Sticky Fly Cart
  • Product Size Charts
  • Advanced Coupon
  • ShopEngine Vacation
  • Multistep Checkout
  • Cross Sell Popup
  • Avatar Module

ShopEngine General Widgets

  • Related Products
  • Product Rating
  • Product Excerpt
  • Additional Information
  • Order by Filter
  • Product Tabs
  • Product Meta
  • Product Tags
  • Product Stock
  • Breadcrumbs
  • Product Review
  • Recently Viewed Products
  • Add To Cart
  • Return To Shop
  • Currency Switcher
  • Product Image
  • Product Description
  • Product SKU
  • Order Confirm
  • Categories
  • Product Title
  • Order Details
  • Product Categories
  • Checkout Form – Payment
  • Checkout Form – Shipping
  • Product Category List
  • Filterable Product List
  • Product Share
  • Flash Sale Products
  • Checkout Form-Additional
  • Product Price
  • Empty Cart Message
  • Upsell
  • Cross-sell
  • My Account Orders
  • Product List
  • Thank You Address Details
  • Deal Products
  • Archive View Mode
  • Archive Description Widget
  • Archive Title Widget
  • Archive Products Widget
  • Archive Result Count
  • Cart Table Widget
  • Cart Total
  • Avatar Widget

ShopEngine Product widgets

  • Related Products
  • Product Rating
  • Product Excerpt
  • Product Tabs
  • Product Meta
  • Product Tags
  • Product Stock
  • Product Review
  • Recently Viewed Products
  • Product Image
  • Product Description
  • Product SKU
  • Product Title
  • Product Categories
  • Product Category List
  • Filterable Product List
  • Product Share
  • Flash Sale Products
  • Product Price
  • Product List
  • Products Per Page Filter
  • Deal Products
  • Advanced Search Widget

ShopEngine Archive Widgets

  • Product Filters
  • Archive View Mode
  • Archive Description Widget
  • Archive Title Widget
  • Archive Products Widget
  • Archive Result Count

ShopEngine Checkout Widgets

  • Checkout Form-Coupon
  • Checkout Form – Billing
  • Checkout Form – Payment
  • Checkout Form – Shipping
  • Checkout Form-Additional
  • Checkout- Order Review
  • Checkout Shipping Methods
  • Checkout Form Login

ShopEngine FAQ

  • ShopEngine FAQ

ShopEngine Support Hooks

  • Builder Templates Hooks
  • Theme Integration with ShopEngine

ShopEngine Gutenberg

  • ShopEngine Gutenberg Addon
  • ShopEngine Gutenberg Template
  • ShopEngine Gutenberg Modules

Multilingual Support - ShopEngine

  • Setup WPML and Translate WooCommerce Pages
  • WPML String Translation For ShopEngine
  • Multi-Language Templates with WPML
  • Multi-Language Templates with Polylang
  • ShopEngine Multilingual Hooks for Developers
  • Home
  • Doc
  • ShopEngine
  • ShopEngine General Widgets
  • Cross-sell

Cross-sell

Cross-selling is a method of persuading buyers to buy related products along with the products they are willing to buy. An example will make the point clear. A shopper may be willing to buy a laptop but if you can convince the shopper to buy a headphone along with the laptop, you are cross-selling the headphone.

ShopEngine’s Cross-sell widget comes with an enormous number of parameters for customizing the product details. You can control the sliders, number of products to display, sale price, add to cart button, and so on. Setting all these parameters, you can get a look as you desire.

How to Use Cross-sell Widget?

First of all, go to the dashboard of your admin panel and find ShopEngine from the list of items. Click ShopEngine and then select Templates from the drop-down menu. Then, click the “Add New” button on top right beside the text “Templates”.

Add a new template for cross-sell

Immediately after that, a popup window will show up for template settings. Set your template name in the Name field and select the type Cart as your goal is to use Cross-sell widget. 

Also, you can choose a default sample design or start designing from scratch. Finally, hit the “Save Changes” button.

Set the cart- template for cross-sell

Your template is created and you can see it on top of the list. Now, click “Edit with Elementor” to switch to the Elementor window.

Edit with elementor for showing cross-sell widget

Now, search for the cross-sell widget on the search bar scroll down to find it under ShopEngine cart section. Drag and drop the cross-sell widget on the specified area

Drag and drop the cross-sell widget

Note: You need to manually add Cross-sell products to each product for which you want the upsell to show up. The widget will only display the Cross-sell products.

To add upsell products to any of your existing products, from the dashboard go to products ⇒ All Products and click on the edit option of the product you want to add Cross-sell.

go to edit products to add upsell or cross sell


Once the product settings show up, Go to Linked Products. Then for Cross-sell, type the initial spelling of the products to search the products you want to add. A list will show up. Choose products from the list and repeat the whole process if you want to add multiple Cross-sell products. Finally, click on update to save the product Cross-sell settings.-

search and add product to cross sell

You can see a series of products showing up on the screen. The good thing is that you can choose the number of products to display from the bottom of the Content section. You can also control the display of parameters like flash sale, sale price, cart button, etc.

Shop page is on display with content section

With the slider controls, you can enable parameters like loop and autoplay. At the same time, you can show or hide parameters like show arrows and show dots.

Shop page is on display with slider controls section

Under the Style tab, you will have more controls to adjust your cart page elements. From the Items section, you can set text alignment, column gap, and space between buttons.

Shop page is on display with items and buttons sections

With the Flash Sale control, you can set a badge as shown in the screenshot. You can then customize the color, typography, size, border radius of it.

Shop page is on display with flash sale section

From the Image section, you can tinker around the product image background color, height, and padding. You can also fit the image automatically with the Auto Image Fit parameter.

Shop page is on display with image section

Modify the title of the product image setting parameters like color, typography, and padding.

Shop page is on display with title section

You can alter the rating color, star size, and margin from the rating section to spice up its appearance.

Shop page is on display with rating section

Add an extra appeal to your regular price, sale price, typography, and padding from the price section as displayed in the screenshot.

Shop page is on display with price section

Customize the add to cart button changing text color, background color, typography, padding, and so on.

Shop page is on display with add to cart section

Take advantage of the Slider Style and adjust the icon size and arrow size in the slider. You can modify the slider color, border type, border radius, etc. too.

Shop page is on display with slider style section

Last but not least is the Global Font section from where you can choose your preferred text font for the entire page and jazz up your cart page.

Shop page is on display with global font section

This is how you can make use of the Cross-sell widget for your cart page and stand out from your competitors.

What are your Feelings
Share This Article :
  • Facebook
  • Twitter
  • LinkedIn
  • Pinterest
Still stuck? How can we help?

How can we help?

Updated on July 4, 2022
UpsellMy Account Orders

Get Subscribed Today!

wpmet-website-logo
© 2022, Wpmet. All Rights Reserved. Built with ElementsKit.
Elements Kit
ShopEngine
GetGenie AI
Metform
WP Social
Wp Ultimate Review
Wp Fundraising
About us
Contact us
Support
Login/Register
Collaborate
Affiliates
Affiliate Area
Privacy Policy
Terms and Conditions
Refund Policy
Payment systems accepted by Wpmet

Wpmet is not affiliated with or endorsed by Open Source Matters or the WordPress Project. The CMS logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.
Opt out!.
Cookie SettingsAccept
Manage consent

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
CookieDurationDescription
cookielawinfo-checkbox-analytics11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional11 monthsThe cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy11 monthsThe cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
Functional
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
Performance
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Analytics
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
Advertisement
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.
Others
Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet.
Vendor/Partner
SAVE & ACCEPT