How to Create 1-Click Upsells in WooCommerce

wrote this on

Customers love offers. Any offer be it as big as 50% discount or as little as 10% off both excite customers and push them to make a quick purchase. However, most of these customers drop out at the time of checkout. Reason being – Lengthy checkout process!

Today’s article focuses on how to create tempting upsell offers on your WooCommerce store as well as how to reduce cart abandonments by making the checkout process quick (that’s just a single click.)

However, to make this one click checkout possible you need four things.

  1. Smart Offers Plugin
  2. Buy Now Plugin
  3. Repeat customer – The customer needs to have bought atleast once prior to this purchase
  4. Payment done via Stripe. – The customer should have made the prior purchase using his Stripe Account.

Requirements

  1. WooCommerce 2.5.0+ (Free)
  2. Smart Offers 3.2.6+ (to create upsells)
  3. WooCommerce Buy Now 1.9.2+ (to enable 1-click)
  4. WooCommerce Stripe 2.6.8+ (Free)(with Saved card enabled)

Setup

Step 1: Installation

Download above mentioned plugins & install in your WordPress site. Then activate each plugin.

Download WooCommerce Download WooCommerce Stripe

Buy Smart Offers + WooCommerce Buy Now

Step 2: Configure WooCommerce Stripe Payment Gateway

Go to WooCommerce > Settings > Checkout > Stripe. Fill other details as shown in following screenshot & make sure you’ve enabled Saved cards.

woocommerce-stripe-setup

Note: For 1-Click Upsell function to work correctly, customer should have at least 1 order paid from his/her account via Stripe (with Saved Cards enabled).

Step 3: WooCommerece Buy Now

Activation of the plugin will be sufficient. No additional settings required.

Step 4: Create Upsell using Smart Offers

How To Create 1-Click Upsell in WooCommerce (GIF Animation)

  1. Go to WooCommerce > Smart Offers
  2. Click Add New Offer
  3. Set Title: This will not be visible to user. This is for your reference. For example: 1-Click Upsell
  4. Set Offered product: Choose product you want to offer
  5. Set Offer at:  Here set amount or discount you want to give on offered product
  6. Create Offer Description: This part will be visible to customer. This is a WordPress’s default editor, so you can use almost all feature of WordPress editor like adding media, font size & color, layout etc
  7. Set Show this Offer on: Choose page where you want to show the offer. For example: Order Complete page
  8. Set Show this Offer as: Choose whether you want to show as inline content or as popup
  9. Set When to show this offer: Select conditions when you want to show the offer. For example: Cart/Order > Contains Product > Search & choose product. You can set multiple rules here based on visitor, registered user, customer’s lifetime value, cart/order total and many more.
  10. Set Actions to take when offer is Accepted: Here choose what all actions you want to perform when offer will be accepted. You can choose multiple actions from given set of options. For example: Add offered product to cart and Instantly checkout with Buy Now plugin
  11. Set Actions to take when offer is Skipped: Define actions you want to perform if offer is declined. Here you can choose only one action from given set of action. For example: Instantly checkout with Buy Now plugin
  12. Set Hide From This User (optional): If you want to make the offer as One Time Offer, enable this option

Result

1-Click Upsell in WooCommerce (GIF Animation)

Over To You

Go ahead. Setup 1-click offers on your WooCommerce store and tell us about your experience. If you have any questions, feel free to drop in a comment. I will definitely get back to you. Ciao!

6 thoughts on “How to Create 1-Click Upsells in WooCommerce

  1. Ratnakar, This one is really amazing post… I have got complete idea about how to create 1-Click Upsells in WooCommerce.

    I really appreciate you for this article. Very Well Written post to understand the 1-Click Upsells.

    1. Hey Jigar,

      Thank you for sharing your thoughts. It’s great to know that you got complete idea about setting up 1-click Upsells in WooCommerce.

      Actually that was our intention, to share with people, how to setup 1-click Upsells in WooCommerce.

      We had this solution earlier, but it was not documented. We decided to write this article when a lot of customer were asking about this.

      We hope that this article will help every store owner.

  2. In GIF example, it seems the upsell is shown before the user has reached a ‘thank you’ page.

    Using these plugins and stripe is it possible to create the following sales funnel with one click upsell?

    front end sale > stripe payment > upsell page > thank you page

    or

    front end sale > stripe payment > upsell page > downsell page > thank you page

    1. In GIF example, the upsell popup is appearing on Order Received page (you can see “Order Received” in grey area in background). In the example, I’ve given title “Order Received” to “Thank you” page.

      Smart Offers allows you to show offer on Cart, Checkout and Thank you page. There is no feature to add a new page before Thank you page in Smart Offers.

      However you can consider Custom Thank You Pages For WooCommerce. This plugin allows you to replace default Thank you page with a custom Thank you page. And on this (custom thank you) page you can use Smart Offers’ shortcode to show any upsell.

  3. Hey…im searching for the same artcile…thanks for publishing amazing post..i will use it in woocommerce sites..

    1. Glad you found it useful 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *