Set up one click upsell (Part 6/7)

Upsell on your website - one click away

It takes a few important things to set up one click upsells.

Currently we support Stripe one click upsells, Paypal support is on our roadmap.

There are 4 steps you need to take to make it happen:

1️⃣ Add 1 more parameters in the body of your external request


{

"upsell_enabled": "true"

}

Without this switch, all the upsell is not happening.

2️⃣ Add "?order_number=#{order_number}" at end of success_url

We rely on the "Order_number" to connect all the upsell/downsells with your original sale.

P.S: Only need to attach the order number at your first success redirect url.

3️⃣ Swap with your own public API key, and add the below script to the footer of all your upsell/downsell pages.

<!-- Panda Checkout Scripts Start -->

<script> const PANDA_CHECKOUT_PUBLIC_KEY = 'xxxxxpub_testKeyxxxx' </script> <script src="https://js.stripe.com/v3/"></script> <script src="https://cdn.pandacheckout.com/upsell/v1/upsell-min.js"></script>

<link rel="stylesheet" href="https://cdn.pandacheckout.com/upsell/v1/upsell.css">

<!-- Panda Checkout Scripts End -->

👉 Swap the red highlight to your own public API key.

👉 After you swap your key, add the code to the footer of the upsell pages.

4️⃣ Add our specific class or id on "accept" & "reject" buttons

For accept offer button, you need to add either class or ID with the value: panda-checkout-btn-accept


For reject offer button, you need to add either class or ID to the button with value:

panda-checkout-btn-reject


But do remember to add only to either class or ID, never add to both. Once you add it, it will help us to "laser target" the buttons with our script, so that the script knows what button to watch for, and what should happen when the button clicks.

5️⃣ Add extra price, product data to the "accept" and "reject" button.

Sample data for one time payment:


<div>

<button id="panda-checkout-btn-reject"

data-product-price="39"

data-product-name="Standard License"

data-product-qty="1"

data-redirect="https://www.pandacheckout.com">

Reject

</button>

<button id="panda-checkout-btn-accept"

data-product-price="39"

data-product-name="Standard License"

data-product-qty="1"

data-redirect="https://www.pandacheckout.com">

Accept </button>

</div>

Sample data for subscription:

<div>

<button id="panda-checkout-btn-reject"

data-product-price="39"

data-product-name="Standard License"

data-product-qty="1"

data-subscription="true"

data-product-subscription-trial="14"

data-product-subscription-interval="month"

data-redirect="https://www.pandacheckout.com">

Reject </button>

<button id="panda-checkout-btn-accept"

data-product-price="39"

data-product-name="Standard License"

data-product-qty="1"

data-subscription="true"

data-product-subscription-trial="14"

data-product-subscription-interval="month"

data-redirect="https://www.pandacheckout.com">

Accept </button>

</div>

You can set up redirect url to your next upsell or downsell.

If upsell is not working well, go through the above 4 points step by step.


Upsell in your chatbot - one click away

No only you can upsell on your website, you can also upsell in your chatbot.

Here is how:

1️⃣ Set up order_number in the custom field

There are 2 ways to do so. You can map order_number from the response to the custom field or you can also set up custom field in panda checkout.

2️⃣ One click upsell = one simple request


For one time payment:


Request type: POST

Request URL: https://api.v1.pandacheckout.com/upsell/append

Request Header: x-api-key: your own public API key

Request Body:


order_number : It has to the order number the use just purchased

product_qty: 1, you can use any qty from your chatbot

product_price:88 , use any value from your chatbot

All the body in red are mandatory field.

For subscription:


Request type:POST

Request URL:https://api.v1.pandacheckout.com/upsell/append

Request Header:x-api-key: your own public API key

Request Body:


order_number :It has to the order number the use just purchased

product_qty:1, you can use any qty from your chatbot

product_price:88 , use any value from your chatbot

subscription: true, this has to be "true"

product_subscription_interval: use the value of "month" "year" "week" "day" as interval

product_subscription_trial: 14, use numbers only, it's optional, and it gives number of days free trial.

All the body in red are mandatory field.

Using your own public API & follow the same data required. Here is our swagger to test in case you need it.

Don't forget that you can upsell one time payment or subscription at your choice.


What's NEXT!

So, what's next?

In the next tutorials, I will show you how to use Zapier/Integromat to integrate with hundreds of 3rd party apps.

We got a lot to cover, Let's get started.

Course progression: 80%

Start your 14 day FREE trial

Enter your name & email to start your FREE trial! No credit card required.

Start 14 Day Free Trial

Build a dynamic & seamless checkout experience for your chatbot. Integrate with Manychat, Chatrace; Paypal & Stripe.


Already have an account? Login here

One click upsell for your chatbot

Dynamic checkout link

Seamless checkout experience