Woocommerce Upsell Popup

An upsell popup plugin for Woocommerce. Show unobtrusive popup to your visitors when they click…

An upsell popup plugin for Woocommerce. Show unobtrusive popup to your visitors when they click the add to cart button on the products you specify. You can upsell a single product or multiple products per popup. Pre-made responsive popup templates available.

This plugin is an extension of the Woocommerce plugin. You must have Woocommerce active alongside this plugin for it to work properly.

Tested with Woocommerce version 3.0.0 up to the latest version 3.7.1.

What Does It Do

You can either upsell one product or multiple products per popup or per product with this plugin.

For one upsell product, this is what happens:

  1. When a user clicks on the ‘add to cart’ button on a product you specify, the product will be added to cart and a Yes/No popup will be shown asking if the user is also interested in a complementary product (configurable).

  2. If the user clicks yes, the complementary product will also be added to cart (for simple product) or user will be redirected to the complementary product’s product page (for variable product and other product types).

  3. After the product you upsell is added to user’s cart, you can choose whether to redirect user to cart page, checkout page, or make them stay on the same page.

  4. If the user clicks no, you can also choose to redirect the user to cart page, checkout page, or stay on the same page.

For multiple upsell products, this is what happens:

  1. When a user clicks on the ‘add to cart’ button on a product you specify, the product will be added to cart and a popup will be shown to the user displaying all the upsell products you have configured for the said product.

  2. The user can then select which upsell products they are interested in, and then add these products to cart with a click of a button.

  3. Once the upsell products are added to cart, you can choose whether to redirect user to cart page, checkout page, or make them stay on the same page.

  4. If the user clicks the close button, you can also choose to redirect the user to cart page, checkout page, or stay on the same page.

Note:

Popup will fire when user adds a product to cart from shop page, product category page, or single product page.

Please refer to screenshots for pre-made templates included in the plugin.

Read plugin documentation here.

Woocommerce Settings

For the plugin to work as intended, set the Woocommerce setting as follows:

Go to Woocommerce > Settings > Products > General > Shop pages.

And then for ‘Add to cart behaviour’, uncheck ‘Redirect to the cart page after successful addition’.

AJAX can be enabled or disabled for add to cart buttons on archives, popups will fire regardless.

Woocommerce Upsell Popup Pro

Get our PRO version so that you can change the text on your popups and make your own template! (At this time, custom template is not available for multiple upsell products per popup).

Translation Ready

The plugin is ready to be translated to your local language, .pot file is included in /languages folder.

Support & Plugin Customization

Please use WordPress.org forum to ask for support, to submit bug reports, to ask questions about the free plugin, or to ask for plugin customization.

Only use the contact form on our website if you’re inquiring about the PRO version.

  1. Upload plugin folder to /wp-content/plugins/ directory, or install the plugin from your WordPress dashboard Plugins>Add New.
  2. Activate the plugin.
  3. For instructions on how to use the plugin, check out the plugin documentation.

How can I customize the popups to have the look and style that I want?

If you know CSS, choose Template 4 – No CSS for your popup and then you can drop your CSS codes in your child theme’s stylesheet to style the popup as you like.

How can I customize the text on the popups?

There are 2 ways to do so.
1. You can use localization/translation or gettext hook to change the text.
2. Or you can get our PRO version to make your own template and customize the text on your popups (at this time, custom template is not available for multiple upsell products per popup).

How can I change the Yes/No text on the popup buttons?

Same as above. There are 2 ways to do so.
1. You can use localization/translation or gettext hook to change the text.
2. Or you can get our PRO version where you will have the option to change the Yes/No text on your popup buttons. (At this time, custom template is not available for multiple upsell products per popup).

Can I upsell more than one product with this plugin?

Absolutely!

Does this plugin support Woocommerce native upsell and cross sell products?

Yes! If you already have upsell and cross sell products set up under Woocommerce Linked Products, the plugin will let you choose whether to include these in your popups.

Can I translate this plugin to my language?

Yes, this plugin is translation ready!

1.0.0

  • Added support for multiple upsell products per popup.
  • Added default template for multiple upsell products popup, making use of Flickity carousel.
  • Implemented better UX design for multiple upsell products popup, default template shows product prices and total price of products selected.
  • Default template for single upsell popup was improved to include upsell product price and made to match default template for multiple upsell popup.
  • Added support for Woocommerce native Linked Products upsells and cross sells.
  • Backward compatibilty support added for our classic upsell product meta field.
  • Improved product meta box UI and UX.
  • JS and CSS files are now minified.
  • Maintained responsiveness of popup templates.
  • Added loading spinner for ajax actions on popups.
  • Prevented popups from firing consecutively after the first popup’s added to cart action.
  • Init hook changed to wp_loaded hook for non-ajax popup actions, preventing headers already sent error.

0.6

  • Added an option to change redirection behavior of the popup’s no button.
  • Improved how plugin product meta data are saved.
  • Improved security.
  • Added version check for pro add-on.
  • Templates text change.

0.5

  • Added new option for user to change redirection behavior of popups.
  • Added new template as default template.
  • Improved il8n on templates.
  • Modified styles on templates.

0.4

  • Added support for PRO version.
  • Updated translation.

0.3

  • Added support for internationalization/i18n/translation.
  • Localization to Bahasa Melayu.

0.2

  • Popups are now compatible to be used with add to cart buttons that use AJAX.
  • Added another plugin dependency check. Plugin activation fails if Woocommerce is not activated.
  • Form in popup templates now has an ID.

0.1

  • Initial release.
  1. Popup showing multiple upsell products, using the default template.

    Popup showing multiple upsell products, using the default template.

  2. Popup showing one single upsell product, using the default template.

    Popup showing one single upsell product, using the default template.

  3. Popup showing one single upsell product, using Template 1 - Basic.

    Popup showing one single upsell product, using Template 1 - Basic.

  4. Popup showing one single upsell product, using Template 2 - Colorful.

    Popup showing one single upsell product, using Template 2 - Colorful.

  5. Popup showing one single upsell product, using Template 3 - Dark on Light.

    Popup showing one single upsell product, using Template 3 - Dark on Light.

  6. List of popup templates to choose from.

    List of popup templates to choose from.

  7. Complete configurable popup options on Woocommerce product edit screen.

    Complete configurable popup options on Woocommerce product edit screen.