Articles on: Upsell Popup App

Where upsell pop-ups appear

Where upsell pop-ups appear

Learn where your upsell pop-ups show on your storefront and how they are triggered. Understanding this helps you control when customers see your offers and improve conversion rates.

Before you start

  • You need an active upsell offer set up in the app
  • Your theme must include an Add to Cart or Checkout action, or a custom clickable element

How upsell pop-ups are triggered

Upsell pop-ups appear when a customer takes a key action on your store. By default, this is tied to common ecommerce buttons.

Standard triggers

Your upsell pop-up will appear when a customer clicks:

  • Add to Cart
  • Checkout

These are the most reliable triggers because they match standard Shopify theme behaviour.

Custom button text

Your store may use different wording for these actions. For example:

  • Buy Now
  • Add to Bag
  • Purchase
  • Continue to Checkout

The app allows you to configure trigger button text so it matches your store. This ensures the pop-up still appears even if your wording is not standard.

Where the pop-up appears

Once triggered, the offer displays as a pop-up overlay on the storefront.

  • It appears on top of the current page
  • It does not redirect the customer away
  • Customers can accept or decline the offer before continuing



Using custom triggers (CSS or XPath)

If your store uses a custom layout or non-standard buttons, the default triggers may not work.

In this case, you can trigger the pop-up when a customer clicks a specific element, such as:

  • An image
  • A banner
  • A custom button
  • A dynamic section

To do this, use the CSS/XPath Selector trigger.

👉 https://help.jumisolutions.com/en/article/how-to-use-the-cssxpath-selector-configuration-9hsk0u/

This gives you full control over exactly where and when the upsell appears.

Best practices

  • Use Add to Cart triggers for higher engagement before checkout
  • Use Checkout triggers for last-minute upsells with higher purchase intent
  • Match your trigger text exactly to your storefront wording
  • Test your pop-ups on both desktop and mobile
  • Keep the experience smooth so the pop-up feels like part of the buying flow

Troubleshooting

Pop-up is not appearing

  • Check that your button text matches the configured trigger
  • Confirm your theme uses standard Add to Cart or Checkout behaviour
  • Test with a different product or offer

Custom theme or builder

  • Your theme may use custom code that does not trigger standard events
  • Use the CSS/XPath selector method instead

Pop-up appears at the wrong time

  • Review your trigger setup
  • Check if multiple triggers are configured


Updated on: 06/05/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!