Sitewide Ramadan Sale!

Up To
30%

Savings

Ending in:

Wpmet Symbol
Day
Hou
Min
Sec

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
Updated on July 4, 2022