Installing MindTrek: Upsell & Cross-sell on Shopline

Follow the steps below to install MindTrek: Upsell & Cross-sell on your Shopline store:

Step 1

Open the Shopline App Store and locate the MindTrek: Upsell & Cross-sell app. Click Install.

Step 2

Sign in to your Shopline account if prompted. If you manage multiple stores, select the store where you want the app installed.

Step 3

Review the permissions and click Authorize to complete the installation. The app requests access to your products, script tags and discounts – discounts access is needed so the app can create the real Shopline discount behind each offer.

Step 4

The app opens in your Shopline admin on the free Starter plan. You can create your first offer straight away and change plan at any time from the Plans page.

Introduction

MindTrek: Upsell & Cross-sell shows targeted product offers to shoppers while they are buying, so a visit that would have been one item becomes a larger order. Offers are created in the app dashboard inside your Shopline admin and rendered on your Shopline store by the app's own script – no code editing is required for a standard setup.

Every offer is built from three choices:

  • Offer type – where the offer appears (product page, cart, or popup)
  • Offer mechanic – what the offer does (cross-sell, volume discount, and so on)
  • Visibility – which products or collections the offer applies to

Each offer also carries an on/off status. Active means it is live on the storefront; Draft means it is saved but never rendered, so you can prepare an offer in advance and switch it on when the campaign starts.

How Offers Reach Your Store

There is no embed to switch on. When you install the app, it adds its storefront script to your store automatically as a script tag, so offers can render on your live theme as soon as they are saved.

If you switch to a different theme, the script keeps working – it is attached to your store rather than to one theme. You do not need to paste any code for offers to work – code is only needed for the optional Theme block placement.

Offer Types

The offer type decides where the offer is drawn. Choose the type first, because it determines which mechanics and placements are available.

Product Page Offer

Renders inside the product page, near the buy button. Best for recommending complementary items or add-ons while the shopper is still deciding.

Cart Offer

Renders on the cart page or in the cart drawer. Best for last-moment additions once the shopper has committed to buying.

Popup Offer

Draws over the page instead of inside it, so it needs no anchor in your theme and works on any theme. A popup is opened by a shopper action rather than placed in the layout:

  • Product page – opens when Add to cart is pressed. The add is held while the popup is open and completes when the popup is closed, so nothing is lost if the shopper dismisses it.
  • Cart page – opens when Checkout is clicked, and continues to checkout when the popup is closed.

A popup opens once per shopper per browsing session. It also runs independently of inline offers, so a product page offer and a popup can both be live on the same page.

Offer Mechanics

The mechanic decides what the offer does. Not every mechanic is available on every offer type – the editor only shows the ones that apply to the type you picked.

Cross-sell

Recommends other products alongside the one the shopper is looking at, each with its own add button. Displayed as a carousel by default.

Product Add-on

Offers optional extras – a warranty, gift wrap, a matching accessory – that the shopper ticks to add together. Displayed as a stacked list by default.

Frequently Bought Together

Presents the product being viewed plus its companions as one bundle, with the items preselected so the shopper adds the whole set in one action.

Volume Discount

Prices tiers of the same product – buy 2 save 10%, buy 3 save 15%, and so on. Quantities and savings come from the tier editor rather than from a recommended-products list.

Buy X Get Y

The other tier-based mechanic: buying a set quantity unlocks free items, priced as the equivalent rate over the whole bundle. Like Volume Discount, it is configured through tiers.

Cart offers support Cross-sell and Product Add-on only. Frequently Bought Together, Volume Discount and Buy X Get Y need a single product to build around, which a cart does not have.

Creating an Offer

From the dashboard, open Offers and click New offer, then pick the offer type. The editor is organised into three tabs.

Content

The offer's name, the heading and button text shoppers see, the mechanic, and the products involved:

  • Visible products – whether the offer shows on all products, on specific products, or on specific collections
  • Recommended products – the products the offer promotes, chosen with the built-in product and collection pickers, or set to Automatic to recommend other products from the same collections
  • Excluded products – products the offer must never appear on and must never recommend. Exclusions outrank everything else
  • Countdown timer – an optional urgency bar on the offer, set either to a rolling countdown length per shopper or to one fixed end date shared by everyone

Design

Colours, background, button styling and layout, so the offer matches your theme. Cross-sell and add-on offers can also switch between carousel and stacked layouts.

Placement

Where the offer sits in the page – see Placement below.

When you are ready, set the status to Active and save. It can take up to 20 seconds for a change to appear on your storefront.

Placement

Product page and cart offers are injected into your page's own markup. The app tries each option below in order, so a placement that stops matching costs a good position but never the offer itself – it simply falls through to the next option.

Theme block (recommended)

Paste an empty div wherever you want the offer, and the offer renders inside it. The app shows you the exact snippet to copy on the Placement tab:

<div class="mindtrek-upsell-product-page-block"></div>

For cart offers, use:

<div class="mindtrek-upsell-cart-block"></div>

The class carries the offer type, not the offer id, so you paste the snippet in once and every offer of that type – today's and next month's – lands in it.

To paste the snippet in Shopline:

  1. In your Shopline admin, go to Online Store › Design.
  2. On the My theme tab, find your current theme and click Design.
  3. Paste the snippet into the section or template where the offer should appear, then save.

To edit the theme files directly instead, go to Online Store › Themes › … › Edit code.

Custom selector

If you would rather point at an element your page already has, supply a CSS selector and choose a position relative to it: before, after, inside top, or inside bottom.

Automatic

If you set neither, the app uses its built-in anchor list for the placement you chose. This works on most standard Shopline themes without any configuration.

Popup offers do not use placement for position – they overlay the page. For a popup, the placement setting instead decides what opens it: the product page Add to cart button, or the cart page Checkout button.

Discounts

When an offer carries a discount, the app creates a real Shopline automatic discount scoped to that offer's recommended products. Shopline then applies it whenever those products are in a cart, so the shopper is charged the discounted price at checkout – the saving is not just a badge on the widget.

Discounts are re-synced whenever you save or delete an offer, and when you use the app on/off switch.

An offer gets no discount when:

  • its discount switch is off, or its discount type is set to none
  • its schedule has already ended
  • the app is switched off
  • it has no recommended product to attach the discount to
  • your store has used up its plan's impressions – discounts are withdrawn along with the offers until you upgrade

Please note: because the discount is an automatic Shopline discount on those products, it also applies when a shopper adds that product the ordinary way, not only through the offer widget.

Analytics

The dashboard reports how each offer is performing, broken down by offer and by device (desktop or mobile). Three events are recorded:

  • Impression – the offer was shown to a shopper
  • Click – a shopper interacted with the offer
  • Conversion – a recommended product was added to the cart from the offer

Analytics record which offer and which product were involved, never who the shopper was – no customer names, emails or addresses are collected. See the Privacy Policy for details.

Pricing Plans

Every plan includes the same features – unlimited offers, every offer type and every discount. What changes is how many impressions you get. An impression is one offer shown to one shopper, counted across all your offers combined.

PlanPriceImpressions
StarterFree1,500
Growth$16 / month10,000
Unlimited$30 / monthNo cap

Impressions are a one-time allowance on every plan – they do not reset each month, only the price is monthly. When your impressions run out, your offers are hidden from your store until you upgrade, and they come back straight away once you do.

Paid plans are approved on Shopline's own subscription screen and billed monthly through Shopline. To cancel a paid plan, cancel it from your Shopline admin.

Troubleshooting

My offer is not showing on the storefront

Work through these in order:

  • Are you viewing your live theme? The app's script runs on the published storefront.
  • Is the offer's status set to Active rather than Draft?
  • Is the app's on/off switch turned on in the dashboard?
  • Does the offer's visibility actually include the product you are viewing, and is that product not on the excluded list?
  • Has the offer's schedule already ended?
  • Have you used up your plan's impressions? The dashboard shows how many are left.

My popup is not opening

Add ?up_popup=1 to your store URL. This opens the popup immediately, ignoring both its trigger and the once-per-session limit. If it opens there, the offer itself is fine and only the trigger is not firing on your site – contact support and we will adjust it.

Adding ?up_debug=1 logs to the browser console which offer was armed, on what, and why anything was skipped.

The offer appears in the wrong place

Use the theme block snippet from the Placement section. It puts the offer exactly where you paste the div, rather than relying on the app to find an anchor in your page. If you pasted the snippet, check it is in the template for the page you are viewing and that the theme was saved.

The discount is not being applied at checkout

Confirm the offer's discount switch is on and the offer has at least one recommended product. You can see the discount the app created under Discounts in your Shopline admin. If you installed the app before it asked for discount access, reinstall or reopen it to accept the new permission.

Still stuck?

Email us at support@mindtrektechnologies.com with your store domain and the name of the offer, and we will take a look.