Very Simple Woocommerce Upsell Popup

A very simple upsell popup plugin for Woocommerce. Show unobtrusive popup to users as soon…

A very simple upsell popup plugin for Woocommerce. Show unobtrusive popup to users as soon as they click the add to cart button on certain products. Pure CSS popup. Pre-made responsive popup templates available. More features will be added in the future.

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

Tested on Woocommerce version 3.6.4 and above.

What Does It Do

When your user clicks on the ‘add to cart’ button on the products 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).

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

This plugin may be useful for store owners who want a very simple and lightweight plugin for the task.

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

Example of usage

Let’s say an indie artist sells concert tickets on their own website. But they also want to refer their fans to the hotel closest to the venue for accommodation.
In this case, you:
1. Create concert tickets as a product on Woocommerce (‘simple’ or ‘variable’ product).
2. Create hotel accommodation as a product (‘external’ or ‘affiliate’ product).
3. Use this plugin to recommend product #2 each time user buys product #1.

Woocommerce Settings

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

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

And then for ‘Add to cart behaviour’, uncheck both ‘Redirect to the cart page after successful addition’ and ‘Enable AJAX add to cart buttons on archives’. This will be improved in the next plugin update.

Support

Support questions, bug reports, and inquiry about the plugin should be posted on WordPress.org forum.

Plugin Customization

If you need plugin customization for your website, please contact the developer directly.

  1. Upload plugin folder to /wp-content/plugins/ directory, or install the plugin through your WordPress dashboard Plugins>Add New.
  2. Activate the plugin.
  3. To add product for upsell, go to Woocommerce product edit screen and look for metabox titled Product Upsell.

How can I customize the popup 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 wording or the text in the popups?

You will be able to do so in the next update, which I promise won’t be long.

I want more features!

Rest assured, I am working on adding more features as I have more time.

0.1

  • Initial release.
  1. Popup template 1 example.

    Popup template 1 example.

  2. Popup template 2 example.

    Popup template 2 example.

  3. Popup template 3 example.

    Popup template 3 example.

  4. Configurable options on Woocommerce product edit screen.

    Configurable options on Woocommerce product edit screen.

  5. Metabox dropdown close up.

    Metabox dropdown close up.